<!DOCTYPE html>
<!-- saved from url=(0055)https://developers.braintreepayments.com/start/overview -->
<html class="is-modern opacity supports flexbox flexboxlegacy csstransforms csstransforms3d csstransitions translated-ltr" lang="zh-CN" style=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style class="vjs-styles-defaults">
      .video-js {
        width: 300px;
        height: 150px;
      }

      .vjs-fluid {
        padding-top: 56.25%
      }
    </style>
    

    <title>入门-Braintree开发人员文档</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="vFON0Wga-luQ_6VzKxCNLqFMYb49GWhusn2yncPzvuA">
    

    <!-- Do not move this any further down the head. This snippet needs to load as early as possible. -->
      <meta data-jc="82" data-jc-version="r20201008"><script data-jc="86" src="./入门-Braintree开发人员文档_files/f.txt" data-jc-version="r20201008"></script><script src="./入门-Braintree开发人员文档_files/rules-p-twzCvg1S_P6T_.js.下载" async=""></script><script async="" src="./入门-Braintree开发人员文档_files/insight.beta.min.js.下载"></script><script type="text/javascript" async="" src="./入门-Braintree开发人员文档_files/analytics.js.下载"></script><script src="./入门-Braintree开发人员文档_files/quant.js.下载" async="" type="text/javascript"></script><script async="" src="./入门-Braintree开发人员文档_files/uwt.js.下载"></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript" async="" src="./入门-Braintree开发人员文档_files/insight.min.js.下载"></script><script type="text/javascript" async="" src="./入门-Braintree开发人员文档_files/elqCfg.min.js.下载"></script><script async="" src="./入门-Braintree开发人员文档_files/gtm.js.下载"></script><script type="text/javascript" async="" src="./入门-Braintree开发人员文档_files/mixpanel-2-latest.min.js.下载"></script><script src="./入门-Braintree开发人员文档_files/6388910444.js.下载"></script>
    <link rel="stylesheet" href="./入门-Braintree开发人员文档_files/app.css">
    <script src="./入门-Braintree开发人员文档_files/modernizr.js.下载"></script>

    <!--[if lt IE 10]>
    <script src="/js/vendor/fallback/es5-shim.min.js"></script>
    <script src="/js/vendor/fallback/es5-sham.min.js"></script>
    <script src="/js/lib/fallbacks.js"></script>
    <![endif]-->
      <link href="https://developers.braintreepayments.com/img/favicon.png?development-2.277.0-258-g9f7701f86" rel="icon" type="image/png">

  <style type="text/css">.GDPR-module_cardWrapper__1fuEt {
  align-items: center;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 2147483647;
}

.GDPR-module_cardWrapper__1fuEt a {
  color: #fff;
}

.GDPR-module_card__1Vl88 {
  align-items: center;
  background: rgba(32, 32, 32, 0.9);
  color: #fff;
  display: flex;
  font-family: "Avenir Next W01", "Avenir Next", Avenir, "Helvetica Neue",
    Helvetica, sans-serif;
  font-size: 18px;
  min-height: 10em;
  padding: 0.75em 15em;
  width: 100%;
}

.GDPR-module_cardIcon__3Wood img {
  height: 44px;
  width: 35px;
}

.GDPR-module_cardAction__2nzEs {
  padding: 1.25em 0;
}

.GDPR-module_cardAction__2nzEs {
  display: flex;
}

.GDPR-module_cardText__2MYH6 p {
  font-size: 0.875em;
  line-height: initial;
  margin: 0;
  max-width: 600px;
}

.GDPR-module_button__3qLRh {
  border: 0;
  border-radius: 0.25em;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  font-family: "Avenir Next W01", "Avenir Next", Avenir, "Helvetica Neue",
    Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 500;
  padding: 0.57em 1.65em;
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
  white-space: nowrap;
}

.GDPR-module_buttonOptIn__25guO {
  background-color: #fff;
  color: #202020;
}

.GDPR-module_buttonOptIn__25guO:hover {
  background-color: #e2e4fc;
  color: #1524d9;
}

.GDPR-module_buttonOptOut__1kKJ3 {
  background-color: #000;
  color: #ddd;
}

.GDPR-module_buttonOptOut__1kKJ3:hover {
  background-color: #1524d9;
  color: #fff;
}

@media only screen and (max-width: 900px) {
  .GDPR-module_card__1Vl88 {
    padding: 0.75em 5em;
  }
}

@media only screen and (max-width: 600px) {
  .GDPR-module_card__1Vl88 {
    flex-direction: column;
    padding: 0.75em 1em;
  }
  .GDPR-module_cardIcon__3Wood {
    display: none;
  }
  .GDPR-module_cardText__2MYH6 {
    padding: 0.5em 1.5em;
  }
}
</style><style type="text/css">

.grecaptcha-badge {
  visibility: hidden;
}

.FeedbackForm-module_description__2bNF8 {
  display: block;
  line-height: 24px;
}

.FeedbackForm-module_form__k4nA8 {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 16px;
  font-weight: 400;
  left: 0;
  padding: 2.5rem;
  top: 0;
}

.FeedbackForm-module_form__k4nA8 p {
  color: #3f3d43;
  margin-bottom: 1rem;
}

.FeedbackForm-module_sub__1OvPA {
  line-height: 100%;
}

.FeedbackForm-module_heading__OoEE6 h1 {
  color: #202020;
  font-family: "B_Proportional-Bold", courier, monospace;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
}

.FeedbackForm-module_heading__OoEE6 {
  margin-bottom: 1.5rem;
}

.FeedbackForm-module_section__1mnpG {
  margin-bottom: 1rem;
}

.FeedbackForm-module_footer__3Xizn {
  padding: 1.5rem 0 0;
}

@media (max-width: 768px) {
  .FeedbackForm-module_form__k4nA8 {
    padding: 2rem;
  }
}
</style><style type="text/css">

.ButtonPrimary-module_button__1So2r {
  background-color: #1524d9;
  border: 0;
  border-radius: 0.25rem;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
}

.ButtonPrimary-module_button__1So2r:hover {
  background-color: #2332ea;
  color: #FFF;
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
</style><style type="text/css">

.TextInput-module_textInput__16FA2 {
  border: solid 1px #888;
  border-radius: 0.25rem;
  box-sizing: border-box;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 10px;
  padding: 1rem;
  transition: 100ms ease;
  width: 100%;
}

.TextInput-module_textInput__16FA2:focus {
  box-shadow: 0 0 0 0.125rem #1524d9, 0 0 0 0.5rem rgba(21, 36, 217, 0.1);
  outline: none;
  transition: 100ms ease;
}

.TextInput-module_textInput__16FA2:hover {
  border: solid 0.0625rem #1524d9;
}

.TextInput-module_question__2x7R0 {
  color: #3f3d43;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "sans-serif";
  font-weight: 500;
}

.TextInput-module_helpText__2harW {
  display: block;
  line-height: 20px;
  margin-top: 16px;
}
</style><style type="text/css">

.ExperienceScoreRadioButtonGroup-module_radioGroup__3fUrv {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(5, 1fr);
}

fieldset {
  border: none;
  padding: 0;
}

legend {
  display: table;
  padding: 0;
}

.ExperienceScoreRadioButtonGroup-module_question__2aDdu {
  color: #3f3d43;
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "sans-serif";
  font-weight: 500;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .ExperienceScoreRadioButtonGroup-module_radioGroup__3fUrv {
    grid-gap: 0.1rem;
  }
}

.ExperienceScoreRadioButtonGroup-module_subtext__3kQHH {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  margin-top: 10px;
}

.ExperienceScoreRadioButtonGroup-module_subtext__3kQHH sub {
  display: block;
  line-height: normal;
}
</style><style type="text/css">

.ExperienceScoreRadioButton-module_radioLabel__-6IR8 {
  align-items: center;
  background-color: #f4f4f5;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  color: #FFF;
  display: inline-flex;
  padding: 1.5rem 1rem;
}

.ExperienceScoreRadioButton-module_radioLabel__-6IR8:hover,
.ExperienceScoreRadioButton-module_radioLabel__-6IR8:focus {
  background-color: #e2e4fc;
  cursor: pointer;
}

.ExperienceScoreRadioButton-module_inputRadio__1AdhD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #FFF;
  background-color: transparent;
  cursor: pointer;
  height: 1.25rem;
}

.ExperienceScoreRadioButton-module_radio1__1ZcBx {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23202020' stroke-width='2'/%3E %3Cpath d='M13 15.25C12.0054 15.25 11.0516 15.6451 10.3483 16.3483C9.64509 17.0516 9.25 18.0054 9.25 19H16.75C16.75 18.0054 16.3549 17.0516 15.6517 16.3483C14.9484 15.6451 13.9946 15.25 13 15.25Z' fill='%23202020'/%3E %3Ccircle cx='10.5' cy='10.25' r='1.25' fill='%23202020'/%3E %3Ccircle cx='15.5' cy='10.25' r='1.25' fill='%23202020'/%3E %3C/svg%3E");
}

label.ExperienceScoreRadioButton-module_radioSelected__3WT6M.ExperienceScoreRadioButton-module_radio1__1ZcBx {
  background-color: #1524d9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M13 15.25C12.0054 15.25 11.0516 15.6451 10.3483 16.3483C9.64509 17.0516 9.25 18.0054 9.25 19H16.75C16.75 18.0054 16.3549 17.0516 15.6517 16.3483C14.9484 15.6451 13.9946 15.25 13 15.25Z' fill='%23FFF'/%3E %3Ccircle cx='10.5' cy='10.25' r='1.25' fill='%23FFF'/%3E %3Ccircle cx='15.5' cy='10.25' r='1.25' fill='%23FFF'/%3E %3C/svg%3E");
}

.ExperienceScoreRadioButton-module_radio2__1frJc {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23202020' stroke-width='2'/%3E %3Cpath d='M9.25 17.9016C9.25 16.907 9.64509 15.9532 10.3483 15.25H15.6517C16.3549 15.9532 16.75 16.907 16.75 17.9016H9.25Z' fill='%23202020'/%3E %3Ccircle cx='10.5' cy='10.25' r='1.25' fill='%23202020'/%3E %3Ccircle cx='15.5' cy='10.25' r='1.25' fill='%23202020'/%3E %3C/svg%3E");
}

label.ExperienceScoreRadioButton-module_radioSelected__3WT6M.ExperienceScoreRadioButton-module_radio2__1frJc {
  background-color: #1524d9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M9.25 17.9016C9.25 16.907 9.64509 15.9532 10.3483 15.25H15.6517C16.3549 15.9532 16.75 16.907 16.75 17.9016H9.25Z' fill='%23FFF'/%3E %3Ccircle cx='10.5' cy='10.25' r='1.25' fill='%23FFF'/%3E %3Ccircle cx='15.5' cy='10.25' r='1.25' fill='%23FFF'/%3E %3C/svg%3E");
}

.ExperienceScoreRadioButton-module_radio3__3BG18 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23202020' stroke-width='2'/%3E %3Cpath d='M13 18.5C13.9946 18.5 14.9484 18.6049 15.6517 17.9017C16.3549 17.1984 16.75 16.2446 16.75 15.25H9.25C9.25 16.2446 9.64509 17.1984 10.3483 17.9017C11.0516 18.6049 12.0054 18.5 13 18.5Z' fill='%23202020'/%3E %3Ccircle cx='10.5' cy='10.25' r='1.25' fill='%23202020'/%3E %3Ccircle cx='15.5' cy='10.25' r='1.25' fill='%23202020'/%3E %3C/svg%3E");
}

label.ExperienceScoreRadioButton-module_radioSelected__3WT6M.ExperienceScoreRadioButton-module_radio3__3BG18 {
  background-color: #1524d9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M13 18.5C13.9946 18.5 14.9484 18.6049 15.6517 17.9017C16.3549 17.1984 16.75 16.2446 16.75 15.25H9.25C9.25 16.2446 9.64509 17.1984 10.3483 17.9017C11.0516 18.6049 12.0054 18.5 13 18.5Z' fill='%23FFF'/%3E %3Ccircle cx='10.5' cy='10.25' r='1.25' fill='%23FFF'/%3E %3Ccircle cx='15.5' cy='10.25' r='1.25' fill='%23FFF'/%3E %3C/svg%3E");
}

.ExperienceScoreRadioButton-module_radio4__clK1F {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23202020' stroke-width='2'/%3E %3Cpath d='M13 20C14.0609 20 15.0783 19.4732 15.8284 18.5355C16.5786 17.5979 17 16.3261 17 15H9C9 16.3261 9.42143 17.5979 10.1716 18.5355C10.9217 19.4732 11.9391 20 13 20Z' fill='%23202020'/%3E %3Cellipse cx='10.25' cy='10' rx='1.25' ry='2' fill='%23202020'/%3E %3Cellipse cx='15.25' cy='10' rx='1.25' ry='2' fill='%23202020'/%3E %3C/svg%3E");
}

label.ExperienceScoreRadioButton-module_radioSelected__3WT6M.ExperienceScoreRadioButton-module_radio4__clK1F {
  background-color: #1524d9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='12.75' r='11.5' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M13 20C14.0609 20 15.0783 19.4732 15.8284 18.5355C16.5786 17.5979 17 16.3261 17 15H9C9 16.3261 9.42143 17.5979 10.1716 18.5355C10.9217 19.4732 11.9391 20 13 20Z' fill='%23FFF'/%3E %3Cellipse cx='10.25' cy='10' rx='1.25' ry='2' fill='%23FFF'/%3E %3Cellipse cx='15.25' cy='10' rx='1.25' ry='2' fill='%23FFF'/%3E %3C/svg%3E");
}

.ExperienceScoreRadioButton-module_radio5__HTTCG {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='33' viewBox='0 0 26 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='19.75' r='11.5' stroke='%23202020' stroke-width='2'/%3E %3Cpath d='M13 27C14.0609 27 15.0783 26.4732 15.8284 25.5355C16.5786 24.5979 17 23.3261 17 22H9C9 23.3261 9.42143 24.5979 10.1716 25.5355C10.9217 26.4732 11.9391 27 13 27Z' fill='%23202020'/%3E %3Cellipse cx='10.25' cy='17' rx='1.25' ry='2' fill='%23202020'/%3E %3Cellipse cx='15.25' cy='17' rx='1.25' ry='2' fill='%23202020'/%3E %3Cpath d='M17.6046 5.5109L18.9064 2.99985' stroke='black' stroke-width='2'/%3E %3Cpath d='M8.76055 5.31493L7.39305 2.83906' stroke='black' stroke-width='2'/%3E %3Cpath d='M13.3754 3.82745L13.452 1.00006' stroke='black' stroke-width='2'/%3E %3C/svg%3E");
}

label.ExperienceScoreRadioButton-module_radioSelected__3WT6M.ExperienceScoreRadioButton-module_radio5__HTTCG {
  background-color: #1524d9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='33' viewBox='0 0 26 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='13' cy='19.75' r='11.5' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M13 27C14.0609 27 15.0783 26.4732 15.8284 25.5355C16.5786 24.5979 17 23.3261 17 22H9C9 23.3261 9.42143 24.5979 10.1716 25.5355C10.9217 26.4732 11.9391 27 13 27Z' fill='%23FFF'/%3E %3Cellipse cx='10.25' cy='17' rx='1.25' ry='2' fill='%23FFF'/%3E %3Cellipse cx='15.25' cy='17' rx='1.25' ry='2' fill='%23FFF'/%3E %3Cpath d='M17.6046 5.5109L18.9064 2.99985' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M8.76055 5.31493L7.39305 2.83906' stroke='%23FFF' stroke-width='2'/%3E %3Cpath d='M13.3754 3.82745L13.452 1.00006' stroke='%23FFF' stroke-width='2'/%3E %3C/svg%3E");
}
</style><style type="text/css">

.IconClose-module_close__3LsNo {
  background-color: #FFF;
  border: none;
  left: 90%;
  min-width: 2.2rem;
  position: absolute;
  top: 2rem;
  z-index: 50;
}

.IconClose-module_close__3LsNo:hover {
  cursor: pointer;
}
</style><style type="text/css">

.Modal-module_stopScroll__2RWsL {
  overflow: hidden;
}

.Modal-module_overlay__1yxCb {
  background: rgba(222, 222, 222, 0.8);
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}

.Modal-module_modal__D8SjB:before {
  content: none;
  display: block;
  height: calc(100vh - 3.5rem);
}

.Modal-module_modal__D8SjB {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: auto;
  margin: 1.75rem auto;
  max-height: calc(100% - 3.5rem);
  max-width: 40rem;
  min-height: calc(100% - 3.5rem);
  pointer-events: none;
  position: relative;
  transform: none;
  width: auto;
}

.Modal-module_modalContent__2dD7_ {
  background-clip: padding-box;
  background-color: #FFF;
  border-radius: 1rem;
  box-shadow: 0 7px 5px -5px #a9a9a9;
  display: flex;
  flex-direction: column;
  max-height: none;
  max-height: calc(100vh - 3.5rem);
  max-height: calc(100vh - 1rem);
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
</style><style type="text/css">.ConfirmationMessage-module_confirmationMsg__1mM-u {
  font-family: "Avenir Next W01", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "sans-serif";
  font-weight: 300;
  padding: 2.5rem;
}
</style><style type="text/css">.SkipToMain-module_skipToMain__3mEU6 {
  background-color: #000;
  border-radius: 4px;
  border-width: 0;
  color: #fff;
  display: inline-block;
  font-family: "Avenir Next W01", "Avenir Next", Avenir, "Helvetica Neue",
    Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  left: -999px;
  overflow: hidden;
  padding: 8px 24px;
  position: absolute;
  text-decoration: none;
  top: auto;
  transition: all 200ms;
  z-index: -999;
}

.SkipToMain-module_skipToMain__3mEU6:focus,
.SkipToMain-module_skipToMain__3mEU6:active {
  background-color: #1524d9;
  color: #fff;
  height: auto;
  left: 8px;
  margin: 0;
  position: fixed;
  top: 8px;
  width: auto;
  z-index: 1002;
}
</style><link type="text/css" rel="stylesheet" charset="UTF-8" href="./入门-Braintree开发人员文档_files/translateelement.css"></head>
  <body class="developers-site"><script type="text/javascript" async="" src="./入门-Braintree开发人员文档_files/rx_lidar.js.下载"></script><script src="./入门-Braintree开发人员文档_files/f(1).txt"></script><div class="hide"><svg id="diagramSprite" viewBox="-318 -735 757 462" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <symbol id="diagram">
    <!-- Paths -->
    <g id="path1" stroke-width="2" fill="none" fill-rule="evenodd">
      <path d="M-282.63085938-458.351562L-65.316406-274.634766l147.195312-38.90625"></path>
      <path id="arrowHead1" fill="currentColor" stroke="none" d="M63.4736328-313.472656L81.3632812-314l-11.0410156 9.111328z"></path>
    </g>
    <g id="path2" stroke-width="2" fill="none" fill-rule="evenodd">
      <path d="M42.712891-345.142578l-94.492188 25.470703-184.6777342-151.957031"></path>
      <path id="arrowHead2" fill="currentColor" stroke="none" fill-rule="evenodd" d="M-235.978516-471.15918l13.91211 4.479653-9.345703 4.477539z"></path>
    </g>
    <g id="path3" stroke-width="2" fill="none" fill-rule="evenodd">
      <path d="M-80.61-528.672l309.29-79.715 49.02 42.182-217.264 58.613-28.504-23.02-104.743 28.786"></path>
      <path id="arrowHead3" stroke="none" fill="currentColor" fill-rule="evenodd" d="M244.773438-594.208984L241.398438-605 230-600.384686z"></path>
      <path id="arrowHead4" stroke="none" fill="currentColor" fill-rule="evenodd" d="M-63.0019531-498.123047L-69.8515625-508l-10.7929687 8.663086z"></path>
    </g>
    <g id="path4" stroke-width="2" fill="none" fill-rule="evenodd">
      <path d="M-88.492-497.48l130.926 109.1"></path>
      <path id="arrowHead5" stroke="none" fill="currentColor" fill-rule="evenodd" d="M42.6396484-388.168945l-3.375-10.791016-11.3984375 4.615315z"></path>
    </g>
    <g id="path5" stroke-width="2" fill="none" fill-rule="evenodd">
      <path d="M213.84375-382.023438l222.320312-59.621093-72.363281-60.878907"></path>

      <path id="arrowHead6" stroke="none" fill="currentColor" fill-rule="evenodd" d="M364-503l13.912109 4.479652-9.345703 4.477539z"></path>
    </g>

    <!-- BT Server Diagram -->
    <g id="bt" stroke-width="2" fill="none" fill-rule="evenodd">
      <path id="btServerCaseBase" fill="#FFFFFF" d="M245-710l87-23 84 69v148l-87 22-84-68z"></path>
      <path id="btServerCase4" d="M245-710l84 69 88-24"></path>
      <path id="btServerCase3" d="M245-659l84 69 88-24"></path>
      <path id="btServerCase2" d="M245-610l84 69 88-24"></path>
      <path d="M329-641v147" id="btServerCase1" stroke-linecap="square"></path>
      <path d="M282-642c1.1045498 0 2-.8954374 2-2s-.8954502-2-2-2c-1.1046081 0-2 .8954374-2 2s.8953919 2 2 2z" id="btLight3" fill="currentColor" stroke="none"></path>
      <path id="btDisk3" d="M288-644l31 25v6l-31-25z"></path>
      <path d="M282-596c1.1045498 0 2-.895437 2-2s-.8954502-2-2-2c-1.1046081 0-2 .895437-2 2s.8953919 2 2 2z" id="btLight2" fill="currentColor" stroke="none"></path>
      <path id="btDisk2" d="M288-598l31 25v6l-31-25z"></path>
      <path d="M282-546c1.1045498 0 2-.895437 2-2s-.8954502-2-2-2c-1.1046081 0-2 .895437-2 2s.8953919 2 2 2z" id="btLight1" fill="currentColor" stroke="none"></path>
      <path id="btDisk1" d="M288-547l31 25v6l-31-25z"></path>
    </g>

    <!-- Merchant Server Diagram -->
    <g id="merchant" stroke-width="2" fill="none" fill-rule="evenodd">
      <path id="merchServerCaseBase" fill="#FFFFFF" d="M31.16210938-385.1189585v31.7982086L126.4387036-275l135.7234054-35.035587v-31.1999978L166.546657-421z"></path>
      <path id="merchServerCase2" d="M31-385l95.5704945 79L262-341.7312114"></path>
      <path id="merchServerCase1" d="M127-306v30" stroke-linecap="square"></path>
      <path id="merchDisk" d="M137-296l38-10v6l-38 10z"></path>
      <path id="merchLight" fill="currentColor" d="M180.999971-303C182.10455-303 183-303.895437 183-304.999997 183-306.104563 182.10455-307 180.999971-307 179.895392-307 179-306.104563 179-304.999997c0 1.10456.895392 1.999997 1.999971 1.999997z" stroke="none"></path>
    </g>

    <!-- Client Diagram -->
    <g id="client" stroke-width="2" fill="none" fill-rule="evenodd" transform="translate(-317 -667)">
      <path id="browserWindow" fill="#FFFFFF" d="M0 57.8108856V217l220.330697-57.6431.669303-.167786V0z"></path>
      <path id="mobileWindow" fill="#FFFFFF" d="M143 201V41.5109937L236 17v159.321126z"></path>
      <path id="mobileScreen" fill="#FFFFFF" d="M151 172V49.4369016L226 30v122.395066z"></path>
      <path d="M26.6888074 78.6426642l-13.0210649 3.3591274v-4.7027727l13.0210649-3.5270544v4.8706997zm12.3533263 9.9095186l-15.8589721 4.1988828v-4.8707083l15.8589721-4.1988772v4.8707027zm16.359821 32.7512292l-32.2187931 8.397749v-4.87067l32.2187931-8.397776v4.870697zm4.1733882 12.260616l-36.3921813 9.57342v-4.870669l36.3921813-9.573437v4.870686zm-6.844403 13.604362l-29.5477783 7.725934v-4.870725l29.5477783-7.725922v4.870713zm-10.1831027 16.123617l-29.3808846 7.557999v-4.702718l29.3808846-7.725967v4.870686zm46.0745174-11.924812L48.557516 161.78042v-4.870725l40.0648386-10.413213v4.870713zm.6285927 20.726156c0 1.658789-1.2886565 3.346904-2.8896762 3.773543l-70.3046423 18.734759c-1.5959241.425282-2.8896762-.582778-2.8896762-2.225723v-6.649569c0-1.654514 1.3045724-3.340525 2.9012167-3.762474l70.2815613-18.573471c1.6022977-.423443 2.9012167.568134 2.9012167 2.236791v6.466144zm-4.9689518-33.154414l-26.376035 6.88619v-4.870725l26.376035-6.886151v4.870686zM116 130.541005l-26.3760351 6.886179v-4.870725L116 125.838258v4.702747zm-18.1960919-6.885924l-33.2204382 8.733648v-4.870669l33.2204382-8.733679v4.8707zM94.465374 85.8647255L23.1831616 104.50772v-4.8706696l71.2822124-18.643025v4.8707001zm3.3387547 12.5969703L13 120.46379v-4.702718l84.8041287-22.1700763v4.8707001zm-39.06348-14.9480846l-15.8589733 4.0309361V82.673839l15.8589733-4.030925v4.8706972zm21.2009547-18.6429111L29.3597645 77.9712162v-4.8707249L79.9416034 60v4.8707001z" stroke="none" id="browserText" fill="#ddd"></path>
      <path d="M221 140.04899c0 1.659188-1.307426 3.337359-2.916252 3.747289l-58.167496 14.821124c-1.610601.410382-2.916252-.602956-2.916252-2.253596v-6.584241c0-1.655009 1.307426-3.326379 2.916252-3.732108l58.167496-14.669251C219.694349 130.97203 221 131.99452 221 133.646984v6.402006z" stroke="none" id="phoneBuyButton" fill="#ddd"></path>
      <path d="M194 179c2.761424 0 5-2.238576 5-5s-2.238576-5-5-5-5 2.238576-5 5 2.238576 5 5 5z" id="mobileHomeButton"></path>
      <circle id="browserButton1" cx="8" cy="63" r="2"></circle>
      <circle id="browserButton2" cx="16" cy="61" r="2"></circle>
      <circle id="browserButton3" cx="24" cy="59" r="2"></circle>
    </g>

    <!-- Path Labels -->
    <g id="tokenLabel" stroke="none" stroke-width="2" fill="none" fill-rule="evenodd" transform="translate(-161 -400)">
      <rect stroke="currentColor" fill="#FFFFFF" x="0" y="0" width="66" height="23" rx="2"></rect>
      <text fill="currentColor" font-size="16" font-weight="bold">
        <tspan x="9.3" y="16">Token</tspan>
      </text>
    </g>
    <g id="nonce1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-55 -453)">
      <rect stroke="currentColor" stroke-width="2" fill="#FFFFFF" x="0" y="0" width="66" height="23" rx="2"></rect>
      <text fill="currentColor" font-size="16" font-weight="bold">
        <tspan x="9.3" y="16">Nonce</tspan>
      </text>
    </g>
    <g id="nonce2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(118 -542)">
      <rect stroke="currentColor" stroke-width="2" fill="#FFFFFF" x="0" y="0" width="66" height="23" rx="2"></rect>
      <text fill="currentColor" font-size="16" font-weight="bold">
        <tspan x="9.3" y="16">Nonce</tspan>
      </text>
    </g>
    <g id="nonce3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(295 -425)">
      <rect stroke="currentColor" stroke-width="2" fill="#FFFFFF" x="0" y="0" width="66" height="23" rx="2"></rect>
      <text fill="currentColor" font-size="16" font-weight="bold">
        <tspan x="9.3" y="16">Nonce</tspan>
      </text>
    </g>

    <!-- Step numbers -->
    <g id="step1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-191 -356)">
      <circle id="textStepWrap1" fill="currentColor" cx="9.5" cy="9.5" r="9.5"></circle>
      <text id="textStep1" font-size="12" font-weight="bold" fill="#FFFFFF">
        <tspan x="6" y="13">1</tspan>
      </text>
    </g>
    <g id="step2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-82 -371)">
      <circle id="textStepWrap2" fill="currentColor" cx="9.5" cy="9.5" r="9.5"></circle>
      <text id="2" font-size="12" font-weight="bold" fill="#FFFFFF">
        <tspan x="6" y="12">2</tspan>
      </text>
    </g>
    <g id="step3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(83 -558)">
      <circle id="textStepWrap3" fill="currentColor" cx="9.5" cy="9.5" r="9.5"></circle>
      <text id="3" font-size="12" font-weight="bold" fill="#FFFFFF">
        <tspan x="6" y="13">3</tspan>
      </text>
    </g>
    <g id="step4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(24 -443)">
      <circle id="textStepWrap4" fill="currentColor" cx="9.5" cy="9.5" r="9.5"></circle>
      <text id="4" font-size="12" font-weight="bold" fill="#FFFFFF">
        <tspan x="6" y="13">4</tspan>
      </text>
    </g>
    <g id="step5" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(257 -425)">
      <circle id="textStepWrap5" fill="currentColor" cx="9.5" cy="9.5" r="9.5"></circle>
      <text id="5" font-size="12" font-weight="bold" fill="#FFFFFF">
        <tspan x="6" y="12">5</tspan>
      </text>
    </g>

    <!-- Server diagrams -->
    <g id="clientLabel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <path stroke="currentColor" d="M-59.97127152-619.3031354C-59.39494187-620.24028784-58.0310783-621-56.9310149-621h83.7155454c1.1027577 0 1.9967195.90162726 1.9967195 2.00086422v18.99827158c0 1.1050468-.8966561 2.0008642-1.9967195 2.0008642h-83.7155454c-1.1027577 0-2.46075058-.7545471-3.04025662-1.6968646L-66-609.5l6.02872848-9.8031354z" stroke-width="2" fill="#FFFFFF"></path>
      <text fill="currentColor" font-size="12" font-weight="bold" transform="translate(-66 -621)">
        <tspan x="16.41" y="14">Your Client</tspan>
      </text>
    </g>
    <g id="merchServerLabel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <path stroke="currentColor" d="M276.02872848-361.3031354C276.60505813-362.24028784 277.9689217-363 279.0689851-363h83.7155454c1.1027577 0 1.9967195.90162726 1.9967195 2.00086422v18.99827158c0 1.1050468-.8966561 2.0008642-1.9967195 2.0008642h-83.7155454c-1.1027577 0-2.46075058-.7545471-3.04025662-1.6968646L270-351.5l6.02872848-9.8031354z" stroke-width="2"></path>
      <text fill="currentColor" id="textMerchServer" font-size="12" font-weight="bold" transform="translate(270 -363)">
        <tspan x="16" y="15">Your Server</tspan>
      </text>
    </g>
    <g id="btServerLabel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <path stroke="currentColor" d="M217.93877685-668.42508698C217.2514895-669.29488742 215.80362685-670 214.6904829-670H106.00385c-1.106696 0-2.00385.90162726-2.00385 2.00086422v18.99827158C104-647.8958174 104.890706-647 106.00385-647h108.6866329c1.10669588 0 2.55859868-.7020652 3.24829395-1.574913L225.78125-658.5l-7.84247315-9.92508698z" id="textBtServerWrap" stroke-width="2" fill="#FFFFFF"></path>
      <text fill="currentColor" font-size="12" font-weight="bold" transform="translate(104 -670)">
        <tspan x="8.46" y="15">Braintree Server</tspan>
      </text>
    </g>
  </symbol>
</svg>
</div><div id="gdprComponent"></div>
    <div class="root ">
    <div class="flex app app--collapsed" data-track-event-context="content">
      <a class="skip-main button" href="https://developers.braintreepayments.com/start/overview#main-section"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">跳到主要内容</font></font></a>
      <header class="header">
        <div class="nav--global__wrapper">
            <a class="logo logo--docs" href="https://developers.braintreepayments.com/" aria-label="Braintree PayPal服务" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,descriptor=braintree logo,container=header,origin=developer docs,intent=view developer docs landing page,href=https://developers.braintreepayments.com">
              <span class="logo--fallback"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Braintree PayPal服务</font></font></span>
              <div class="logo--mark logo--mark--light"></div>
            </a>
      
          <nav class="nav--global">
            <ul class="nav--global-sites">
              <li class="nav--global-sites__item">
                <a href="https://articles.braintreepayments.com/" class="nav--global-sites__link " data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=support articles,intent=view support articles landing page,href=https://articles.braintreepayments.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">支持文章</font></font></a>
              </li>
              <li class="nav--global-sites__item">
                <a href="https://developers.braintreepayments.com/" class="nav--global-sites__link nav--global-sites__link--active" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=developer docs,intent=view developer docs landing page,href=https://developers.braintreepayments.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">开发人员文档</font></font></a>
              </li>
              <li class="nav--global-sites__item">
                <a href="https://graphql.braintreepayments.com/" class="nav--global-sites__link" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=graphql docs and tools,intent=view graphql docs landing page,href=https://graphql.braintreepayments.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">GraphQL文档和工具</font></font></a>
              </li>
                <li class="nav--global-sites__item">
                  <button id="searchOpenTrigger" class="search__trigger nav--link" aria-label="点击输入进行搜索" data-track-event-properties="project=docs&amp;journey,context=search,component=button,action=click,intent=open search,descriptor=Start typing to search,origin=sites search&amp;">
                    <svg class="search__trigger-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <title>Open search icon</title>
                      <path d="M6.99994 13.988C8.33314 13.9878 9.63816 13.6042 10.7595 12.883L17.2456 19.3688L19.368 17.2466L12.885 10.7639C13.7224 9.45534 14.1003 7.90523 13.959 6.35811C13.8178 4.811 13.1654 3.35494 12.1049 2.21967C11.0444 1.08439 9.63613 0.334526 8.1022 0.0883654C6.56828 -0.157795 4.99605 0.113766 3.63358 0.860206C2.2711 1.60665 1.19592 2.78547 0.577676 4.21071C-0.0405686 5.63594 -0.16669 7.22645 0.219211 8.73131C0.605111 10.2362 1.48107 11.5697 2.70888 12.5216C3.93669 13.4734 5.44647 13.9893 7.00002 13.988H6.99994ZM6.99994 1.98801C7.98884 1.98801 8.95554 2.28125 9.77779 2.83066C10.6 3.38007 11.2409 4.16096 11.6193 5.07459C11.9978 5.98822 12.0968 6.99355 11.9039 7.96346C11.7109 8.93336 11.2347 9.82428 10.5355 10.5235C9.83621 11.2228 8.9453 11.699 7.97539 11.8919C7.00549 12.0849 6.00015 11.9858 5.08652 11.6074C4.17289 11.229 3.392 10.5881 2.84259 9.76586C2.29318 8.94361 1.99994 7.97691 1.99994 6.98801C2.0015 5.6624 2.52878 4.39154 3.46613 3.4542C4.40347 2.51685 5.67433 1.98957 6.99994 1.98801Z" fill="white"></path>
                    </svg>
                    <span class="search__trigger-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                      搜索
                    </font></font></span>
                  </button>
                </li>
            </ul>
              <div class="search" id="nav_search_bar">
                <div class="search__header">
                  <div class="nav--search__wrapper">
                    <a class="logo" href="https://developers.braintreepayments.com/">
                      <span class="logo--fallback"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Braintree PayPal服务</font></font></span>
                      <div class="logo--mark logo--mark--light"></div>
                    </a>
                    <div class="search__input-group">
                      <div class="search__icon--search">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <title>Search glass icon</title>
                          <path d="M6.99994 13.988C8.33314 13.9878 9.63816 13.6042 10.7595 12.883L17.2456 19.3688L19.368 17.2466L12.885 10.7639C13.7224 9.45534 14.1003 7.90523 13.959 6.35811C13.8178 4.811 13.1654 3.35494 12.1049 2.21967C11.0444 1.08439 9.63613 0.334526 8.1022 0.0883654C6.56828 -0.157795 4.99605 0.113766 3.63358 0.860206C2.2711 1.60665 1.19592 2.78547 0.577676 4.21071C-0.0405686 5.63594 -0.16669 7.22645 0.219211 8.73131C0.605111 10.2362 1.48107 11.5697 2.70888 12.5216C3.93669 13.4734 5.44647 13.9893 7.00002 13.988H6.99994ZM6.99994 1.98801C7.98884 1.98801 8.95554 2.28125 9.77779 2.83066C10.6 3.38007 11.2409 4.16096 11.6193 5.07459C11.9978 5.98822 12.0968 6.99355 11.9039 7.96346C11.7109 8.93336 11.2347 9.82428 10.5355 10.5235C9.83621 11.2228 8.9453 11.699 7.97539 11.8919C7.00549 12.0849 6.00015 11.9858 5.08652 11.6074C4.17289 11.229 3.392 10.5881 2.84259 9.76586C2.29318 8.94361 1.99994 7.97691 1.99994 6.98801C2.0015 5.6624 2.52878 4.39154 3.46613 3.4542C4.40347 2.51685 5.67433 1.98957 6.99994 1.98801Z" fill="white"></path>
                        </svg>
                      </div>
                      <div class="ais-search-box"><input id="searchInput" aria-label="Search" type="text" placeholder="Start typing to search" class="search__input js-search-input ais-search-box--input" data-track-event-properties="project=journey&amp;docs,context=search,component=input,action=focus,container=header,intent=focus on search bar,descriptor=Start typing to search,origin=sites search&amp;developer docs" autocapitalize="off" autocomplete="off" autocorrect="off" role="textbox" spellcheck="false" value=""><span class="ais-search-box--reset-wrapper" style="display: none;"><button type="reset" title="Clear the search query." class="ais-search-box--reset search__input-reset" aria-label="Clear the search query">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="100%" height="100%">
    <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z" fill-rule="evenodd">
    </path>
  </svg>
</button></span></div>
                    </div>
              
                    <button class="search__button--close" aria-label="Press enter or hit escape to close" data-track-event-properties="project=docs&amp;journey,context=search,component=button,action=click,intent=close search,origin=sites search&amp;developer docs">
                      <p class="search__close-message">Hit <span>ESC</span> to close</p>
                      <div class="search__icon--close">
                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M12.5 0L6.957 5.543L1.414 0L0 1.414L5.543 6.957L0 12.5L1.414 13.914L6.957 8.371L12.5 13.914L13.914 12.5L8.371 6.957L13.914 1.414L12.5 0Z" fill="white"></path>
                        </svg>
                      </div>
                    </button>
                  </div>
                </div>
              
                <div class="search__panels-container">
                  <div class="search__panels">
                    <div class="search__panel search__panel--primary">
                      <div class="hits-container hits-container--primary">
                          <div class="hits-container__header isHidden">
                            <h2 class="hits-container__title">
                              <svg class="hits-container__icon" width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Developer Docs search results icon</title>
                                <circle cx="17.5" cy="17.5" r="17.5" fill="#202020" fill-opacity="0.08"></circle>
                                <path d="M15.7827 21.5551C16.884 21.5549 17.9621 21.238 18.8884 20.6422L24.2467 26L26 24.2468L20.6444 18.8917C21.3361 17.8108 21.6483 16.5303 21.5316 15.2522C21.4149 13.9742 20.876 12.7714 19.9999 11.8336C19.1239 10.8958 17.9604 10.2763 16.6933 10.073C15.4261 9.86965 14.1273 10.094 13.0017 10.7106C11.8762 11.3272 10.988 12.301 10.4772 13.4783C9.96649 14.6557 9.8623 15.9695 10.1811 17.2127C10.4999 18.4558 11.2235 19.5574 12.2378 20.3437C13.2521 21.1299 14.4993 21.5562 15.7827 21.5551H15.7827ZM15.7827 11.6422C16.5996 11.6422 17.3982 11.8845 18.0775 12.3383C18.7567 12.7922 19.2862 13.4372 19.5988 14.192C19.9114 14.9467 19.9932 15.7772 19.8338 16.5784C19.6745 17.3796 19.2811 18.1155 18.7034 18.6932C18.1257 19.2708 17.3897 19.6642 16.5885 19.8236C15.7873 19.9829 14.9568 19.9011 14.202 19.5885C13.4472 19.2759 12.8021 18.7465 12.3483 18.0673C11.8944 17.388 11.6522 16.5895 11.6522 15.7726C11.6534 14.6775 12.089 13.6277 12.8634 12.8534C13.6377 12.0791 14.6876 11.6435 15.7827 11.6422Z" fill="black"></path>
                              </svg>
                              <span class="hits-container__text">From Developer Docs</span>
                            </h2>
                              <div class="search__filter-container">
                                <div id="clientSDKFilter" class="search__filter-wrapper">
                                  <button class="search__filter-trigger button button--secondary button--small" aria-label="Select clientSDK filter." ata-track-event-properties="context=search filter,component=button,action=click,intent=open clientSDK filter,descriptor=clientSDK filter,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="ios-4">
                                    <span class="search__filter-selected">iOS v4</span>
                                    <svg class="search__filter-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="13" fill="#000">
                                      <path d="M20 5h-7v2h7V5zM13 0H0v2l5 7v3l3 1V9l5-7V0zM6.5 7.65918L2.45782 2h8.08438L6.5 7.65918zM20 0h-5v2h5V0zM20 10h-9v2h9v-2z"></path>
                                    </svg>
                                  </button>
                                  <div class="search__filter js-search-filter hide">
                                      <div class="search__filter-title">Current SDKs</div>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Android v3,descriptor=Android v3,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="android-3">Android v3</button>
                                      <button class="search__filter-item is-active" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by iOS v4,descriptor=iOS v4,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="ios-4" aria-label="iOS v4: selected">iOS v4</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by JavaScript v3,descriptor=JavaScript v3,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="javascript-3">JavaScript v3</button>
                                      <div class="search__filter-title">Previous SDKs</div>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Android v2,descriptor=Android v2,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="android-2">Android v2</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by JavaScript v2,descriptor=JavaScript v2,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="javascript-2">JavaScript v2</button>
                                  </div>
                                </div>                  <div id="serverSDKFilter" class="search__filter-wrapper">
                                  <button class="search__filter-trigger button button--secondary button--small" aria-label="Select serverSDK filter." ata-track-event-properties="context=search filter,component=button,action=click,intent=open serverSDK filter,descriptor=serverSDK filter,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="java">
                                    <span class="search__filter-selected">Java</span>
                                    <svg class="search__filter-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="13" fill="#000">
                                      <path d="M20 5h-7v2h7V5zM13 0H0v2l5 7v3l3 1V9l5-7V0zM6.5 7.65918L2.45782 2h8.08438L6.5 7.65918zM20 0h-5v2h5V0zM20 10h-9v2h9v-2z"></path>
                                    </svg>
                                  </button>
                                  <div class="search__filter js-search-filter hide">
                                      <button class="search__filter-item is-active" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Java,descriptor=Java,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="java" aria-label="Java: selected">Java</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by .NET,descriptor=.NET,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="dotnet">.NET</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Node.js,descriptor=Node.js,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="node">Node.js</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by PHP,descriptor=PHP,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="php">PHP</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Python,descriptor=Python,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="python">Python</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Ruby,descriptor=Ruby,origin=sites search&amp;developer docs,project=docs&amp;journey" data-sdk-facet="ruby">Ruby</button>
                                  </div>
                                </div>                  <div id="contentFilter" class="search__filter-wrapper">
                                  <button class="search__filter-trigger button button--secondary button--small" aria-label="Select content filter." ata-track-event-properties="context=search filter,component=button,action=click,intent=open content filter,descriptor=content filter,origin=sites search&amp;developer docs,project=docs&amp;journey">
                                    <span class="search__filter-selected">All Content</span>
                                    <svg class="search__filter-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="13" fill="#000">
                                      <path d="M20 5h-7v2h7V5zM13 0H0v2l5 7v3l3 1V9l5-7V0zM6.5 7.65918L2.45782 2h8.08438L6.5 7.65918zM20 0h-5v2h5V0zM20 10h-9v2h9v-2z"></path>
                                    </svg>
                                  </button>
                                  <div class="search__filter js-search-filter hide">
                                      <button class="search__filter-item is-active" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by All Content,descriptor=All Content, origin=sites search&amp;developer docs,project=docs&amp;journey" aria-label="All Content: selected">All Content</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Guides,descriptor=Guides, origin=sites search&amp;developer docs,project=docs&amp;journey" data-lvl0="guides">Guides</button>
                                      <button class="search__filter-item" data-track-event-properties="context=search filter,component=dropdown,action=click,intent=filter by Reference,descriptor=Reference, origin=sites search&amp;developer docs,project=docs&amp;journey" data-lvl0="reference">Reference</button>
                                  </div>
                                </div>                </div>
                          </div>
                          <div class="hits--primary">    <div class="hits__ghost-container hits__ghost-container--developers">
      <div class="hits__ghost--circle"></div>
      <div class="hits__ghost--rec"></div>
    </div>
</div>
                        </div>
                    </div>
                    <div class="search__panel search__panel--secondary">
                      <div class="hits-container hits-container--secondary">
                        <div class="hits-container__header isHidden">
                          <h2 class="hits-container__title">
                              <svg class="hits-container__icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 31 31">
                                <title>Support Articles search results icon</title>
                                <use fill="#2FAB00" fill-opacity=".08" xlink:href="#path0_fill"></use><use fill="#46AA20" transform="translate(12 10)" xlink:href="#path1_fill"></use><defs><path id="path0_fill" d="M31 15.5C31 24.06 24.06 31 15.5 31 6.94 31 0 24.06 0 15.5 0 6.94 6.94 0 15.5 0 24.06 0 31 6.94 31 15.5z"></path><path id="path1_fill" d="M4.845 9.061V3.604H.748v1.853h2.159v3.604H0v1.853h7.514V9.061H4.845zm0-9.061H2.771v2.516h2.074V0z"></path></defs>
                              </svg>
                              Support Articles
                          </h2>
                            <div class="search__tooltip">
                              <button class="search__button--tooltip" aria-label="what are support articles?">
                                <svg id="tooltip" viewBox="0 0 20 20" class="icon--svg search__icon search__icon--tooltip" aria-labeledby="information-tooltip" xmlns="http://www.w3.org/2000/svg">
                                  <title id="information-tooltip">Informational tooltip</title>
                                  <path d="M10 2a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 10 0z"></path>
                                  <path d="M13.91 7.3a3 3 0 0 1-.13.93 2.75 2.75 0 0 1-.36.74 3.62 3.62 0 0 1-.56.63q-.33.3-.75.62l-.43.37a1.49 1.49 0 0 0-.27.33 1.27 1.27 0 0 0-.14.35 2.06 2.06 0 0 0 0 .44v.42H8.73v-.61a3.15 3.15 0 0 1 .08-.75 2.21 2.21 0 0 1 .24-.6 3.16 3.16 0 0 1 .39-.53 5.83 5.83 0 0 1 .56-.53l.53-.5a3.15 3.15 0 0 0 .47-.5 1.05 1.05 0 0 0 .19-.63 1.1 1.1 0 0 0-.31-.82 1.18 1.18 0 0 0-.86-.3 1.17 1.17 0 0 0-1 .46 1.88 1.88 0 0 0-.37 1l-2.56-.25A4.26 4.26 0 0 1 6.53 6a3.37 3.37 0 0 1 .89-1 3.79 3.79 0 0 1 1.24-.65 4.87 4.87 0 0 1 1.46-.22 5.39 5.39 0 0 1 1.41.18 3.58 3.58 0 0 1 1.21.58 2.92 2.92 0 0 1 .85 1 3.06 3.06 0 0 1 .32 1.41zm-2.36 7.09a1.46 1.46 0 0 1-.45 1.08 1.52 1.52 0 0 1-1.11.44 1.61 1.61 0 0 1-.6-.11 1.51 1.51 0 0 1-.5-.32 1.61 1.61 0 0 1-.33-.48 1.37 1.37 0 0 1-.13-.59 1.48 1.48 0 0 1 .12-.58 1.46 1.46 0 0 1 .34-.49 1.59 1.59 0 0 1 .5-.34 1.56 1.56 0 0 1 .61-.12 1.5 1.5 0 0 1 .6.12 1.7 1.7 0 0 1 .5.32 1.41 1.41 0 0 1 .34.48 1.49 1.49 0 0 1 .12.59z"></path>
                                  <image class="icon--fallback" xlink:href="" src="/img/fallback/icon--tooltip.png">
                                </image></svg>
                              </button>
                              <div class="search__tooltip__text" aria-label="tooltip" role="alert">
                                <h3>What are Support Articles?</h3>
                                <p>Learn the basics of payments, how to best use Braintree features for your business, and what you can do to keep payments secure.</p>
                              </div>
                            </div>
                        </div>
                        <div class="hits--secondary">    <div class="hits__ghost-container hits__ghost-container--articles">
      <div class="hits__ghost--circle"></div>
      <div class="hits__ghost--rec"></div>
    </div>
</div>
                        <button data-track-event-properties="project=docs&amp;journey,context=search,action=click,component=button,descriptor=More in Support Articles,intent=view more secondary search results,origin=sites search&amp;developer docs" class="button button--secondary button--small js-search-button-switch isHidden">More in Support Articles</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>  <div class="header--aside">
                <span class="nav--global-sites__item">
                  <a class="nav--global-sites__link  " target="_blank" href="https://help.braintreepayments.com/" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=get help, intent=view help contact form,href=https://help.braintreepayments.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">得到帮助</font></font></a>
                </span>
                <div class="sandbox-links">
                  <strong class="sandbox-links__title"><small data-track-event-properties="project=journey&amp;docs,context=navbar,component=text,action=dead click,descriptor=sandbox:"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">沙箱：</font></font></small></strong>
                  <a class="sandbox-links__link layout--mlxs layout--mrxs" href="https://www.braintreepayments.com/sandbox" aria-label="注册一个沙箱帐户" target="_blank" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,descriptor=sign up,intent=sign up for a sandbox account,href=https://www.braintreepayments.com/sandbox"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注册</font></font></a>
                  <a class="sandbox-links__link layout--prxs" href="https://sandbox.braintreegateway.com/login" aria-label="登录沙盒" target="_blank" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,descriptor=log in,intent=view sandbox login,href=https://sandbox.braintreegateway.com/login"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></a>
                </div>
                <div class="header__dropdown ab-control-panel-dropdown-a">
                  <button class="dropdown__title button button--small" aria-label="进入生产控制面板" data-track-event-properties="project=journey&amp;docs,context=navbar,component=dropdown,action=click,container=header,descriptor=more icon,intent=choose a control panel link">
                    <svg class="dropdown__icon--closed" width="4" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="#fff"></path></svg>
                    <svg class="dropdown__icon--active" width="4" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="#202020"></path></svg>
                  </button>
                  <div class="dropdown__content">
                    <div class="dropdown__section">
                      <h3 class="dropdown__section-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">生产控制面板</font></font></h3>
                      <ul class="dropdown__list">
                        <li class="dropdown__item">
                          <a class="link-list-link dropdown__link" href="https://www.braintreegateway.com/login" target="_blank" aria-label="登录您的生产帐户" data-track-event-properties="project=journey&amp;docs,context=navbar,component=dropdown item,action=click,descriptor=log in,intent=view production login,href=https://www.braintreegateway.com/login"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></a>
                        </li>
                      </ul>
                      <h3 class="dropdown__section-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">成为商人</font></font></h3>
                      <ul class="dropdown__list">
                        <li class="dropdown__item">
                          <a class="link-list-link dropdown__link" href="https://www.braintreepayments.com/sales-apply" aria-label="在网站上注册生产帐户" target="_blank" data-track-event-properties="project=journey&amp;docs,context=navbar,component=dropdown item,action=click,descriptor=sign up,intent=sign up for a production account,href=https://www.braintreepayments.com/sales-apply"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注册</font></font></a>
                        </li>
                        <li class="dropdown__item">
                          <a class="link-list-link dropdown__link" href="https://www.braintreepayments.com/contact/sales" aria-label="在网站上联系销售" target="_blank" data-track-event-properties="project=journey&amp;docs,context=navbar,component=dropdown item,action=click,descriptor=contact sales,intent=view the sales contact page,href=https://www.braintreepayments.com/contact/sales"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联系销售</font></font></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>  </div>
          </nav>  </div>
        <nav class="nav--local">
          <ul class="nav__list" id="main-nav-links">
                <li class="nav__item">
                  <a class="nav--link " href="https://developers.braintreepayments.com/" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=about,intent=view developer docs landing page,href=/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于</font></font></a>
                </li>
                <li class="nav__item">
                  <a class="nav--link is-active" href="https://developers.braintreepayments.com/start" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=get started,intent=view get started developer docs,href=/start"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">开始使用</font></font></a>
                </li>
                <li class="nav__item">
                  <a class="nav--link " href="https://developers.braintreepayments.com/guides" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=guides,intent=view developer docs guides,href=/guides"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">导游</font></font></a>
                </li>
                <li class="nav__item">
                  <a class="nav--link " href="https://developers.braintreepayments.com/reference" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=reference,intent=view developer docs reference,href=/reference"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">参考</font></font></a>
                </li>
          </ul>
          <div class="layout--pbxs flex flex-row nav-gql-link">
            <div class="flex flex-column flex-justify--between">
              <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我们已经启动了GraphQL API</font></font></p>
              <a href="https://graphql.braintreepayments.com/" data-track-event-properties="project=journey&amp;docs,context=navbar,component=link,action=click,container=header,descriptor=see the docs,intent=view graphql docs,href=https://graphql.braintreepayments.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看文档</font></font></a>
            </div>
            <svg class="layout--mlxs" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.845 17.296A1.816 1.816 0 0020.754 17a1.765 1.765 0 00-.66-2.436 1.816 1.816 0 00-.476-.188V9.625a1.82 1.82 0 001.008-.645 1.776 1.776 0 00-.44-2.58 1.812 1.812 0 00-2.299.267l-4.16-2.375c.05-.165.075-.337.075-.51a1.803 1.803 0 00-3.604 0c0 .172.024.343.074.507L6.11 6.665A1.811 1.811 0 003.241 7a1.774 1.774 0 00.66 2.436c.151.086.313.15.481.189v4.751a1.816 1.816 0 00-1.003.644 1.775 1.775 0 00.438 2.579 1.811 1.811 0 002.295-.26l4.159 2.375a1.767 1.767 0 00-.074.504 1.803 1.803 0 003.606 0c0-.191-.031-.381-.092-.562l4.134-2.36zm-4.55-12.273l4.169 2.38a1.76 1.76 0 00.17 1.38 1.79 1.79 0 001.127.838v4.757a1.874 1.874 0 00-.07.018l-5.445-9.325.048-.048zM5.31 14.397a1.96 1.96 0 00-.07-.018V9.62a1.79 1.79 0 001.353-1.512c.029-.237.01-.478-.057-.708l4.168-2.38.051.05-5.445 9.326zm.743.423l5.445-9.325c.329.093.677.093 1.005 0l5.444 9.323c-.25.235-.425.537-.507.87H6.56a1.777 1.777 0 00-.507-.868zM12 18.435a1.807 1.807 0 00-1.298.546l-4.163-2.377.019-.069h10.884c.01.04.02.079.033.117l-4.142 2.365A1.806 1.806 0 0012 18.435z" fill="#fff"></path></svg>
          </div>
          <div class="survey">
            <div class="survey__modal">
              <form id="dev-survey-form" class="survey__form" action="https://developers.braintreepayments.com/survey" method="POST" data-gtm-vis-polling-id-1036355_280="525" data-gtm-vis-polling-id-1036355_283="526">
                <div class="survey__header">
                  <div class="form-heading survey__heading">
                    <h1><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">整合经验调查</font></font></h1>
                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">让我们知道您对我们的开发人员文档和Braintree集成体验的看法。</font></font></p>
                  </div>
                  <button type="button" class="survey__close-icon js-survey-close-icon" aria-label="紧密调查" data-track-event-properties="project=journey&amp;docs,context=survey,component=button,action=click,descriptor=x,intent=close developer experience survey,container=survey popup">
                    <img src="./入门-Braintree开发人员文档_files/close.svg" alt="关闭调查图标">
                  </button>
                </div>
                <section class="survey__section">
                  <div class="form-row">
                    <div class="form-field form-field__option-group">
                      <label class="form-field__label--heading">
                        <p class="survey__question"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您是否将Braintree集成推荐给其他开发人员？</font></font></p>
                      </label>
                      <div class="survey__radio-group">
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="1" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=1,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            1个
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="2" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=2,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            2
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="3" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=3,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            3
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="4" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=4,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            4
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="5" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=5,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            5
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="6" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=6,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            6
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="7" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=7,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            7
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="8" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=8,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            8
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="9" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=9,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            9
                          </font></font></label>
                          <label class="form-field__radio survey__radio js-rec-score">
                            <input type="radio" class="input input--radio" name="rec-score" value="10" data-track-event-properties="project=journey&amp;docs,context=survey nps,component=radio,action=click,descriptor=10,intent=respond to nps rating scale,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                            10
                          </font></font></label>
                      </div>
                      <div class="survey__subtext">
                        <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">完全不可能</font></font></sub>
                        <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">极有可能</font></font></sub>
                      </div>
                    </div>
                  </div>
                </section>
                <section class="survey__section">
                  <div class="form-row">
                    <div class="form-field__option-container">
                      <label class="form-field__label--heading">
                        <p class="survey__question"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          对于良好的集成文档，最重要的三件事是什么？
                        </font></font></p>
                      </label>
                      <div class="form-field__option-container survey__most-important-group">
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="tutorials" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=tutorials,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          讲解
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="api reference" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=api reference,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          API参考
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="inline code examples" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=copyable code,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          可复制的代码
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="clear consistent content" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=clear consistent content,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          内容清晰一致
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="runnable example repos" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=runnable example repos,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          可运行示例存储库
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="support" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=easy access to support,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          轻松获得支持
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="navigation and search" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=navigation &amp; search,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          导航和搜索
                        </font></font></label>
                        <label class="option-group-item">
                          <input type="checkbox" class="input input--checkbox js-most-important-checkbox" name="most-important" value="design and usability" data-track-event-properties="project=journey&amp;docs,context=survey importance,component=checkbox,action=click,descriptor=design &amp; usability,intent=respond to pick importance question,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          设计与可用性
                        </font></font></label>
                      </div>
                    </div>
                  </div>
                </section>
                <section class="survey__section">
                  <div class="form-row">
                    <div class="form-field form-field__option-group">
                      <label class="form-field__label--heading">
                        <p class="survey__question"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">到目前为止，您对我们的开发人员文档的集成体验评分：</font></font></p>
                      </label>
                      <div class="survey__radio-group">
                        <label class="form-field__radio survey__radio survey__radio-background survey__radio-exp-score survey__radio-exp-score-1 js-exp-score">
                          <input type="radio" class="input input--radio" name="exp-score" value="1" data-track-event-properties="project=journey&amp;docs,context=survey expectations,component=radio,action=click,descriptor=1,intent=respond to expectations rating scale,container=survey popup">
                        </label>
                        <label class="form-field__radio survey__radio survey__radio-background survey__radio-exp-score survey__radio-exp-score-2 js-exp-score">
                          <input type="radio" class="input input--radio" name="exp-score" value="2" data-track-event-properties="project=journey&amp;docs,context=survey expectations,component=radio,action=click,descriptor=2,intent=respond to expectations rating scale,container=survey popup">
                        </label>
                        <label class="form-field__radio survey__radio survey__radio-background survey__radio-exp-score survey__radio-exp-score-3 js-exp-score">
                          <input type="radio" class="input input--radio" name="exp-score" value="3" data-track-event-properties="project=journey&amp;docs,context=survey expectations,component=radio,action=click,descriptor=3,intent=respond to expectations rating scale,container=survey popup">
                        </label>
                        <label class="form-field__radio survey__radio survey__radio-background survey__radio-exp-score survey__radio-exp-score-4 js-exp-score">
                          <input type="radio" class="input input--radio" name="exp-score" value="4" data-track-event-properties="project=journey&amp;docs,context=survey expectations,component=radio,action=click,descriptor=4,intent=respond to expectations rating scale,container=survey popup">
                        </label>
                        <label class="form-field__radio survey__radio survey__radio-background survey__radio-exp-score survey__radio-exp-score-5 js-exp-score">
                          <input type="radio" class="input input--radio" name="exp-score" value="5" data-track-event-properties="project=journey&amp;docs,context=survey expectations,component=radio,action=click,descriptor=5,intent=respond to expectations rating scale,container=survey popup">
                        </label>
                      </div>
                      <div class="survey__subtext">
                        <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">没有达到期望</font></font></sub>
                        <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">达到期望</font></font></sub>
                        <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">超出期望</font></font></sub>
                      </div>
                    </div>
                  </div>
                </section>
                <section class="survey__section">
                  <div class="form-row">
                    <label class="form-field__label--heading">
                      <p class="survey__question"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您在哪里整合？</font></font></p>
                    </label>
                    <div class="form-field__option-container survey__select">
                      <select name="role" id="role-options">
                        <option selected="" disabled="">Select an option</option>
                        <option value="researching">
                          Still researching
                        </option>
                        <option value="integrating">
                          Currently integrating
                        </option>
                        <option value="integrated">
                          Recently integrated
                        </option>
                        <option value="maintaining">
                          Maintaining/enhancing an established integration
                        </option>
                        <option value="other">
                          Other
                        </option>
                      </select>
                    </div>
                  </div>
                </section>
                <section class="survey__section">
                  <div class="form-row">
                    <div class="form-field__option-container">
                      <label class="form-field__label--heading">
                        <p class="survey__question"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您与Braintree集成的组织规模是多少？</font></font></p>
                      </label>
                      <div class="survey__radio-group">
                        <div class="survey__group-column">
                          <label class="survey__radio survey__radio-company-size survey__radio-background js-company-size survey__radio-startup">
                            <input type="radio" class="input input--radio" name="company-size" value="startup" data-track-event-properties="project=journey&amp;docs,context=survey size,component=radio,action=click,descriptor=startup,intent=respond to business size scale,container=survey popup">
                          </label>
                          <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">启动</font></font></sub>
                        </div>
                        <div class="survey__group-column">
                          <label class="survey__radio survey__radio-company-size survey__radio-background js-company-size survey__radio-medium-business">
                            <input type="radio" class="input input--radio" name="company-size" value="medium business" data-track-event-properties="project=journey&amp;docs,context=survey size,component=radio,action=click,descriptor=small &amp; medium business,intent=respond to business size scale,container=survey popup">
                          </label>
                          <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">中小型企业</font></font></sub>
                        </div>
                        <div class="survey__group-column">
                          <label class="survey__radio survey__radio-company-size survey__radio-background js-company-size survey__radio-enterprise">
                            <input type="radio" class="input input--radio" name="company-size" value="enterprise" data-track-event-properties="project=journey&amp;docs,context=survey size,component=radio,action=click,descriptor=startup,intent=respond to business size scale,container=survey popup">
                          </label>
                          <sub><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">企业</font></font></sub>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
                <section class="survey__section">
                  <div class="form-row">
                    <div class="form-field__option-container">
                      <label class="form-field__label--heading">
                        <p class="survey__question"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我们可以联系您进行将来的调查吗？</font></font></p>
                      </label>
                      <div class="form-field__item form-field__item--text">
                        <input id="survey-email" name="email" type="email" class="input form-field__input input--text survey__email-input">
                        <label for="survey-email" class="form-field__label form-field__label--dynamic"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          电子邮件地址（可选）
                        </font></font></label>
                      </div>
                    </div>
                  </div>
                </section>
                <section class="survey__captcha-disclaimer">
                  <small><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">本网站受reCAPTCHA保护，并</font><font style="vertical-align: inherit;">适用</font><font style="vertical-align: inherit;">Google
                    </font></font><a href="https://policies.google.com/privacy"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐私政策</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">和
                    </font></font><a href="https://policies.google.com/terms"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">服务条款</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。
                  </font></font></small>
                </section>
                <section class="survey__footer">
                  <div>
                    <button id="hide-survey-button" class="button button--secondary" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">现在隐藏</font></font></button>
                    <button id="submit-survey-button" class="button button--primary" data-track-event-properties="project=journey&amp;docs,context=survey,component=button,action=click,descriptor=submit answers,intent=submit survey,container=survey popup"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">提交答案</font></font></button>
                  </div>
                </section>
              </form>
            </div>
            <script src="https://www.google.com/recaptcha/api.js?render=6LeJOZYUAAAAALWdM4qnFk5EY1Qif4mUFnujWRrZ"></script>
          </div></nav></header><button class="button button--small menu__button js-off-canvas">
  <span class="menu__button-text">Menu</span>
</button>

<div class="flex-body">
  <div class="flex-sidebar documentation-sidebar">
    <aside class="sidebar  " data-track-event-context="left-hand nav">
      <div class="sidebar__inner">
        <div class="menu-group">
          <span class="menu-group__title" data-title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">开始使用</font></font></span>
          <ul class="menu">
                  <li class="menu__item">
                    <button href="/start/overview" class="menu__link no-group is-active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">总览</font></font></button>
                  </li>
                  <li class="menu__item">
                    <button href="/start/hello-client/ios/v4" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">设置您的客户</font></font></button>
                  </li>
                  <li class="menu__item">
                    <button href="/start/hello-server/java" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">简单服务器</font></font></button>
                  </li>
                  <li class="menu__item">
                    <button href="/start/go-live/java" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">上线</font></font></button>
                  </li>
          </ul>
        </div>
        <div class="menu-group">
          <span class="menu-group__title" data-title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">结帐界面</font></font></span>
          <ul class="menu">
                  <li class="menu__item">
                    <button href="/start/drop-in" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">嵌入式用户界面</font></font></button>
                  </li>
                  <li class="menu__item">
                    <button href="/start/hosted-fields" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托管字段</font></font></button>
                  </li>
          </ul>
        </div>
        <div class="menu-group">
          <span class="menu-group__title" data-title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教程与范例</font></font></span>
          <ul class="menu">
                  <li class="menu__item">
                    <button href="/start/tutorial-drop-in-node" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">嵌入式教程</font></font></button>
                  </li>
                  <li class="menu__item">
                    <button href="/start/tutorial-hosted-fields-node" class="menu__link no-group"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托管字段教程</font></font></button>
                  </li>
                <li class="menu__item js-menu-item ">
                  <button class="menu__link has-menu"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                    嵌入式示例集成
                  </font></font></button>
                  <ul class="menu-secondary use-transition">
                        <li class="menu-secondary__item">
                            <button href="/start/example-integrations-drop-in/using-the-examples" class="menu-secondary__link ">Using the Examples</button>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_spring_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">Java (Spring)<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_aspnet_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">.NET (ASP.NET)<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_express_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">Node.js (Express)<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_php_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">PHP<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_slim_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">PHP (Slim)<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_flask_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">Python (Flask)<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                        <li class="menu-secondary__item">
                            <a target="_blank" href="https://github.com/braintree/braintree_rails_example" class="menu__link no-group icon is-external-link" rel="noopener noreferrer">Ruby (Rails)<!-- start exclude from search --><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg><!-- end exclude from search --></a>
                        </li>
                  </ul>
                </li>
          </ul>
        </div>
      </div>
    </aside>  </div>
  <div class="flex-content">
    <main id="main-section" class="documentation-content__wrapper">
      <div class="page-header page-header--guides ">
        <div class="page-header__inner page-header--hidden">
          <h1 class="page-header__title-group">
            <span class="page-header__section"></span><span class="page-header__title">Get Started</span>
          </h1>
        </div>      </div>
      <article class="flex--constrained main-content js-outlet js-start-view" data-track-event-context="content">
        <p class="markdown-p">  </p><div class="summary-header">
  <h1><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">总览</font></font></h1>
  <div class="summary-content">
    <div class="summary-content-left">
      <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">本指南将引导您完成基本的Braintree Direct集成，该集成使用我们的Drop-in UI在沙箱中接受信用卡付款。</font></font></p>
      <div class="summary-outline">
        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">继续阅读以了解更多信息：</font></font></p>
        <ul>
          <li><a href="https://developers.braintreepayments.com/start/overview#about-this-guide"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于本指南</font></font></a></li>
          <li><a href="https://developers.braintreepayments.com/start/overview#what-you-will-need"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您将需要什么</font></font></a></li>
          <li><a href="https://developers.braintreepayments.com/start/overview#how-it-works"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">怎么运行的</font></font></a></li>
          <li><a href="https://developers.braintreepayments.com/start/overview#getting-help"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">获得帮助</font></font></a></li>
        </ul>
      </div>
    </div>
    <div class="summary-content-right">
      <div class="summary-related-links">
        <strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">也可以看看</font></font></strong>
        <ul>
          <li><a target="_blank" href="https://developers.braintreepayments.com/articles/get-started/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">支持文章-入门 </font></font><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg></a>
          </li><li><a target="_blank" href="https://developers.braintreepayments.com/start/tutorial"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">快速入门教程 </font></font><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg></a>
          </li><li><a target="_blank" href="https://developers.braintreepayments.com/start/example-integrations-drop-in/using-the-examples"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">插入示例 </font></font><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg></a>
        </li></ul>
      </div>
    </div>
  </div><p></p>
<p class="markdown-p"></p></div><p></p>
<h2 class="markdown-h2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  关于本指南
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#about-this-guide" aria-label="关于本指南">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="about-this-guide"></a>
</h2>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">通过遵循此基本付款集成指南，您将拥有一个基础层，可以在其上添加其他付款方式，欺诈工具和其他增强集成的功能。</font></font></p>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">它还将介绍您应该熟悉的关键概念。</font><font style="vertical-align: inherit;">这些关键概念之一是Braintree Direct。</font></font></p>
<h3 class="markdown-h3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  Braintree直接
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#braintree-direct" aria-label="Braintree直接">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="braintree-direct"></a>
</h3>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Braintree Direct是一套用于接受和处理卡，PayPal和诸如Apple Pay，Google Pay和Venmo（仅适用于美国）的钱包的工具。</font><font style="vertical-align: inherit;">它还包括您所需的一切，以帮助防止欺诈性交易，管理数据安全性和简化操作。</font></font></p>
<h2 class="markdown-h2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  您将需要什么
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#what-you-will-need" aria-label="您将需要什么">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="what-you-will-need"></a>
</h2>
<h3 class="markdown-h3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  沙箱帐户
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#a-sandbox-account" aria-label="沙箱帐户">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="a-sandbox-account"></a>
</h3>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">与任何安全付款集成一样，您首先需要设置授权。</font><font style="vertical-align: inherit;">Braintree沙箱使您可以设置测试环境，以使用测试信用卡号运行交易，并探索Braintree网关的功能。</font></font></p>
<p class="markdown-p"><a class="button" href="https://www.braintreepayments.com/sandbox"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  注册一个Braintree沙箱帐户
  </font></font><svg class="icon--svg icon--arrow" viewBox="0 0 12 9" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
    <title>Arrow pointing right</title>
    <polygon points="11.2,4.5 7.35,8.35 6.65,7.65 9.3,5 0,5 0,4 9.3,4 6.65,1.35 7.35,0.65  "></polygon>
    <image class="icon--fallback" xlink:href="" src="/img/fallback/icon--arrow.png">
  </image></svg>
</a></p>
<h3 class="markdown-h3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  客户端和服务器SDK
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#client-and-server-sdks" aria-label="客户端和服务器SDK">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="client-and-server-sdks"></a>
</h3>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我们的客户端SDK使您能够安全地从客户那里收集付款信息，而服务器SDK使您能够对收集到的付款信息采取行动。</font></font></p>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我们拥有适用于以下客户端平台和服务器语言的SDK：</font></font></p>
<ul class="list list--disc"><li><p class="markdown-p"><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">适用</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">于Android，iOS和JavaScript的</font><strong><font style="vertical-align: inherit;">客户端SDK</font></strong></font></p>
</li>
<li><p class="markdown-p"><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">适用</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">于Java，.NET，Node.js，PHP，Python和Ruby的</font><strong><font style="vertical-align: inherit;">服务器SDK</font></strong></font></p>
</li>
</ul>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">客户端SDK需要授权。</font><font style="vertical-align: inherit;">在本指南中，我们将使用客户端令牌-最灵活的授权形式。</font><font style="vertical-align: inherit;">要了解有关授权类型的更多信息，请参阅《</font></font><a href="https://developers.braintreepayments.com/guides/authorization/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">客户端授权指南》</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>
<h3 class="markdown-h3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  结帐界面
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#checkout-ui" aria-label="结帐界面">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="checkout-ui"></a>
</h3>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在此集成指南中，我们将</font><font style="vertical-align: inherit;">根据您选择的客户端和服务器SDK</font><font style="vertical-align: inherit;">使用</font><font style="vertical-align: inherit;">适用于Web或移动设备</font><font style="vertical-align: inherit;">的</font></font><a href="https://developers.braintreepayments.com/start/drop-in"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Drop-in UI</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">。</font></font></p>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">要获得更大的灵活性和自定义，请浏览</font><font style="vertical-align: inherit;">Web的</font></font><a href="https://developers.braintreepayments.com/start/hosted-fields"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托管字段</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，或者您可以使用我们的</font></font><a href="https://developers.braintreepayments.com/guides/client-sdk/setup/ios/v4"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">iOS</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">或</font></font><a href="https://developers.braintreepayments.com/guides/client-sdk/setup/android/v3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Android SDK</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">为移动应用程序构建自己的自定义集成</font><font style="vertical-align: inherit;">。</font></font></p>
<h2 class="markdown-h2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  怎么运行的
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#how-it-works" aria-label="怎么运行的">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="how-it-works"></a>
</h2>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">下图显示了客户端，服务器和Braintree的交互方式：</font></font></p>
<p class="markdown-p"><svg class="diagram" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-318 -735 757 462">
  <title>Client and server payment token flow</title>
  <desc>Diagram demonstrating the required interaction between the client, our servers, and your server.</desc>
  <use class="diagram__paths path--is-active" xlink:href="#path1"></use>
  <use class="diagram__paths path--is-active" xlink:href="#path2"></use>
  <use class="diagram__paths path--is-active" xlink:href="#path3"></use>
  <use class="diagram__paths path--is-active" xlink:href="#path4"></use>
  <use class="diagram__paths path--is-active" xlink:href="#path5"></use>
  <use class="diagram__section section--is-active" xlink:href="#bt"></use>
  <use class="diagram__section section--is-active" xlink:href="#merchant"></use>
  <use class="diagram__section section--is-active" xlink:href="#client"></use>
  <use class="diagram__label label--is-active" xlink:href="#tokenLabel"></use>
  <use class="diagram__label label--is-active" xlink:href="#nonce1"></use>
  <use class="diagram__label label--is-active" xlink:href="#nonce2"></use>
  <use class="diagram__label label--is-active" xlink:href="#nonce3"></use>
  <use class="diagram__step step--is-active" xlink:href="#step1"></use>
  <use class="diagram__step step--is-active" xlink:href="#step2"></use>
  <use class="diagram__step step--is-active" xlink:href="#step3"></use>
  <use class="diagram__step step--is-active" xlink:href="#step4"></use>
  <use class="diagram__step step--is-active" xlink:href="#step5"></use>
  <use class="diagram__label" xlink:href="#clientLabel"></use>
  <use class="diagram__label" xlink:href="#merchServerLabel"></use>
  <use class="diagram__label" xlink:href="#btServerLabel"></use>
</svg></p>
<h5 class="markdown-h5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  第1步
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#step-1" aria-label="第1步">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="step-1"></a>
</h5>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您的前端从您的服务器请求一个客户端令牌，并初始化客户端SDK。</font></font></p>
<h5 class="markdown-h5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  第2步
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#step-2" aria-label="第2步">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="step-2"></a>
</h5>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您的服务器使用服务器SDK生成客户端令牌并将其发送回客户端。</font></font></p>
<h5 class="markdown-h5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  第三步
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#step-3" aria-label="第三步">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="step-3"></a>
</h5>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">客户提交付款信息，客户端SDK将该信息传达给Braintree，并返回付款方式随机数。</font></font></p>
<h5 class="markdown-h5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  第4步
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#step-4" aria-label="第4步">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="step-4"></a>
</h5>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您的前端将付款方式随机数发送到您的服务器。</font></font></p>
<h5 class="markdown-h5"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  第5步
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#step-5" aria-label="第5步">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="step-5"></a>
</h5>
<p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">您的服务器代码收到付款方式随机数，然后使用服务器SDK创建交易。</font></font></p>
<p class="markdown-p"></p><blockquote class="message message--note"><span class="message__title message__title--note"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注意</font></font></span><p class="markdown-p"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看此</font></font><a target="_blank" href="https://developers.braintreepayments.com/start/tutorial-drop-in-node"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">快速入门教程，</font></font><svg class="icon--svg icon--link--external" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#202020" d="M10 7V5H4v14h16v-4h-2v2H6V7h4z"></path><path fill="#202020" d="M12.707 13.707L18 8.414V12h2V5h-7v2h3.586l-5.293 5.293 1.414 1.414z"></path><image class="icon--fallback" xlink:href="" src="img/fallback/icon--link--external.png"></image></svg></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">以了解其在代码中的工作方式。</font></font></p><p></p>
<p class="markdown-p"></p></blockquote><p></p>
<h2 class="markdown-h2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  获得帮助
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#getting-help" aria-label="获得帮助">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="getting-help"></a>
</h2>
<ul class="list list--disc"><li><strong><a href="https://articles.braintreepayments.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">支持文章：</font></font></a></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">了解使用Braintree进行处理的业务方面以及如何使用控制面板。</font></font></li>
<li><strong><a href="https://developers.braintreepayments.com/reference/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">参考：</font></font></a></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">探索我们的客户端和服务器SDK参考以及其他API参考详细信息。</font></font></li>
<li><strong><a href="https://www.braintreepayments.com/contact/sales"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">与销售人员联系：</font></font></a></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">讨论我们的产品，功能和定价选项如何适合您的业务。</font></font></li>
<li><strong><a href="https://developers.braintreepayments.com/help"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">与支持人员联系：</font></font></a></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在我们专用的</font></font><a href="https://help.braintreepayments.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帮助站点上</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">，选择您的问题，查看相关文档，然后向我们的支持团队提交请求。</font></font></li>
</ul>
<h2 class="markdown-h2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
  接下来
  </font></font><a class="icon icon--link hash-link" href="https://developers.braintreepayments.com/start/overview#next-up" aria-label="接下来">
    <svg class="icon--svg icon--link" viewBox="0 0 27 29" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.1743,11.8514 L17.9143,10.1114 C16.5073,8.7054 14.8473,7.9414 12.9323,7.8184 C11.0163,7.6954 9.3733,8.3014 8.0023,9.6364 L1.8343,15.8054 C0.4993,17.1754 -0.1077,18.8194 0.0153,20.7344 C0.1383,22.6504 0.9033,24.3194 2.3093,25.7434 C3.7153,27.1654 5.3753,27.9304 7.2913,28.0364 C9.2063,28.1414 10.8493,27.5434 12.2203,26.2444 L14.1183,24.2924 L12.4313,22.5534 L10.4803,24.5034 C9.7423,25.2774 8.7323,25.6284 7.4493,25.5584 C6.1663,25.4884 5.0323,24.9694 4.0493,24.0024 C3.0643,23.0364 2.5373,21.9124 2.4673,20.6284 C2.3973,19.3464 2.7653,18.3184 3.5743,17.5444 L9.7423,11.3764 C10.4803,10.5684 11.4903,10.1994 12.7743,10.2694 C14.0563,10.3394 15.1903,10.8674 16.1743,11.8514 M10.6383,16.1734 L8.8993,17.9134 C10.3043,19.3204 11.9653,20.0834 13.8813,20.2064 C15.7963,20.3304 17.4393,19.7414 18.8103,18.4414 L24.9783,12.2204 C26.3143,10.8494 26.9203,9.2054 26.7973,7.2904 C26.6743,5.3754 25.9093,3.7144 24.5043,2.3084 C23.0983,0.9034 21.4373,0.1384 19.5223,0.0154 C17.6063,-0.1076 15.9633,0.4984 14.5923,1.8344 L13.0633,3.3104 L14.8033,5.0504 L16.3323,3.5744 C17.0703,2.7654 18.0813,2.3964 19.3633,2.4664 C20.6463,2.5374 21.7793,3.0644 22.7643,4.0484 C23.7483,5.0334 24.2753,6.1654 24.3453,7.4494 C24.4163,8.7324 24.0473,9.7424 23.2383,10.4804 L17.0703,16.7014 C16.3323,17.4744 15.3213,17.8264 14.0393,17.7554 C12.7563,17.6854 11.6223,17.1584 10.6383,16.1734" fill-rule="evenodd"></path>
      <image class="icon--fallback" xlink:href="" src="img/fallback/icon--link.png">
    </image></svg>
  </a>
  <a class="hash-link-target" name="next-up"></a>
</h2>
<p class="markdown-p">We're glad you're here! Next, you'll integrate Braintree into your client.</p>
        
        <p class="markdown-p"><strong><a href="https://developers.braintreepayments.com/start/hello-client/ios/v4">Next Page: Set Up Your Client →</a></strong></p>

      </article>
    </main>
    <footer class="footer wrap nocontent " data-track-event-context="footer">
        <div class="footer-section footer-section--light">
          <div class="footer-section-inner">
              <div class="footer-cta-section">
                 <div class="footer-section-inner--right-padding footer-cta-icon">
                   <svg width="25" height="29" viewBox="0 0 25 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M12 15.5C13.5908 15.4983 15.1159 14.8656 16.2408 13.7408C17.3656 12.6159 17.9983 11.0908 18 9.5H15C15 10.2956 14.6839 11.0587 14.1213 11.6213C13.5587 12.1839 12.7956 12.5 12 12.5C11.2044 12.5 10.4413 12.1839 9.87868 11.6213C9.31607 11.0587 9 10.2956 9 9.5H6C6.0017 11.0908 6.63438 12.6159 7.75923 13.7408C8.88408 14.8656 10.4092 15.4983 12 15.5V15.5Z" fill="#202020"></path><path d="M6.25 28.625H10.9375L17.1875 22.375H25V0.5H0V22.375H6.25V28.625ZM3.125 19.25V3.625H21.875V19.25H15.8931L14.9778 20.1653L9.64308 25.5H9.375V19.25H3.125Z" fill="#202020"></path>
                   </svg>
                 </div>
                 <div class="footer-section-inner--right-padding">
                   <h5>Get help from a human</h5>
                   <p>Submit a request for help with your Braintree sandbox or production account.</p>
                   <a class="button button--secondary" href="https://help.braintreepayments.com/" target="_blank" data-track-event-properties="project=journey&amp;docs,context=footer,component=button,action=click,descriptor=get help,intent=view help contact form,origin=developer docs,href=https://help.braintreepayments.com">Get Help</a>
                 </div>
               </div>
               <div>
                 <h5>Give us feedback on this page</h5>
                 <p>Submit this short survey to let us know how we can improve your experience.</p>
                 <a class="button button--secondary" id="feedback-link" data-track-event-properties="component=button,intent=view docs feedback form">Send Feedback</a>
               </div>
               <div id="launch-feedback-modal" data-track-event-context="feedback-form"></div>      </div>
        </div>
        <div class="footer-section hide-for-small">
          <div class="footer-section-inner">
                <div>
                  <svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.0016 18.3137L2.88502 20.1973L0 23.0819L1.92301 25.005L4.80807 22.1204L6.75148 24.0638L10.5781 24.0437L14.4247 20.1971L12.5013 18.2737L15.3861 15.3889L13.463 13.4658L10.5781 16.3505L8.65471 14.4271L11.5399 11.542L9.61676 9.6189L6.73162 12.504L4.80811 10.5805L0.961505 14.4271L1.0016 18.3137ZM4.80811 14.4271L8.6549 18.2738L8.65458 18.2742L10.5777 20.1972L10.578 20.1969L10.5781 20.197L9.44546 21.3295L7.87224 21.3378L3.70994 17.1755L3.69308 15.5421L4.80811 14.4271Z" fill="#202020"></path>
                    <path d="M20.1947 14.4271L24.1014 10.5204L24.0614 6.75386L22.1107 4.8033L25.0004 1.92845L23.0826 0L20.1877 2.8802L18.3115 1.004L14.4849 0.903815L10.5781 4.81052L20.1947 14.4271ZM15.5819 3.65341L17.1555 3.69466L21.3533 7.89246L21.3694 9.40576L20.1947 10.5805L14.4248 4.81052L15.5819 3.65341Z" fill="#202020"></path>
                  </svg>
                  <h5>Get Started</h5>
                  <ul class="footer-link-list footer-link-list--vertical">
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/start/overview">Integration Guide</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/start/tutorial-drop-in-node">Tutorial (Preview)</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/start/drop-in">Checkout UIs</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/start/example-integrations-drop-in/using-the-examples">Example Integrations</a></li>
                  </ul>
                  <div class="footer-section-inner--top-padding">
                    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M13.8164 10.6666H24.3428V0H13.8164V10.6666ZM16.448 2.66666H21.7112V7.99998H16.448V2.66666Z" fill="#202020"></path>
                      <path d="M22.0398 13.3334H16.1187L13.1582 18.6667L16.1187 24H22.0398L25.0004 18.6667L22.0398 13.3334ZM20.5008 21.3334H17.6578L16.1775 18.6667L17.6578 16H20.5008L21.981 18.6667L20.5008 21.3334Z" fill="#202020"></path>
                      <path d="M5.92139 0C4.88043 0 3.86285 0.312794 2.99732 0.898826C2.1318 1.48486 1.4572 2.31781 1.05884 3.29235C0.660484 4.26688 0.556255 5.33924 0.759336 6.3738C0.962418 7.40836 1.46369 8.35867 2.19976 9.10455C2.93583 9.85042 3.87364 10.3584 4.8946 10.5642C5.91556 10.7699 6.97381 10.6643 7.93553 10.2607C8.89725 9.857 9.71925 9.17341 10.2976 8.29635C10.8759 7.41929 11.1846 6.38815 11.1846 5.33332C11.1846 3.91883 10.6301 2.56228 9.64303 1.56209C8.65599 0.561901 7.31728 0 5.92139 0V0ZM5.92139 7.99998C5.40091 7.99998 4.89212 7.84358 4.45936 7.55057C4.0266 7.25755 3.6893 6.84107 3.49012 6.35381C3.29094 5.86654 3.23882 5.33036 3.34037 4.81308C3.44191 4.2958 3.69254 3.82065 4.06058 3.44771C4.42861 3.07477 4.89752 2.82079 5.408 2.7179C5.91848 2.615 6.4476 2.66781 6.92846 2.86965C7.40932 3.07148 7.82032 3.41327 8.10949 3.8518C8.39865 4.29033 8.55299 4.8059 8.55299 5.33332C8.55219 6.04031 8.27467 6.71812 7.78133 7.21804C7.28798 7.71796 6.61909 7.99917 5.92139 7.99998V7.99998Z" fill="#202020"></path>
                      <path d="M0 24H11.8422L5.92109 13.3334L0 24ZM4.49961 21.3334L5.92109 18.7727L7.34257 21.3334H4.49961Z" fill="#202020"></path>
                    </svg>
                    <h5>Basics</h5>
                    <ul class="footer-link-list footer-link-list--vertical">
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/authorization/overview">Client Authorization</a>
                      </li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/payment-method-nonces">Payment Method Nonces</a>
                      </li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/transactions">Transactions</a></li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/customers">Customers</a></li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/payment-methods">Payment Methods</a></li>
                    </ul>
                  </div>
                </div>
                <div>
                  <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22.4481 11.5371C22.5687 10.9336 22.5577 10.3112 22.4161 9.71229C22.2744 9.11338 22.0053 8.55204 21.6272 8.0665C21.4399 7.86164 21.2269 7.68174 20.9937 7.53125C20.4156 10.3271 18.6915 14.2617 12.2295 14.2617C12.2159 14.2617 10.6276 14.2563 10.6276 14.2563C10.3853 14.2564 10.151 14.3432 9.96706 14.5009C9.78311 14.6586 9.66165 14.877 9.62462 15.1165C9.62462 15.1165 8.38014 22.956 8.31872 23.3675C8.31039 23.442 8.31791 23.5174 8.34078 23.5888C8.36364 23.6602 8.40134 23.7259 8.45139 23.7817C8.50145 23.8375 8.56274 23.8821 8.63123 23.9125C8.69972 23.9429 8.77388 23.9586 8.84883 23.9583H12.0642C12.2766 23.9583 12.482 23.8825 12.6434 23.7445C12.8049 23.6066 12.9118 23.4155 12.9449 23.2058L13.7244 18.3453C13.7575 18.1356 13.8644 17.9445 14.0258 17.8065C14.1873 17.6686 14.3927 17.5928 14.6051 17.5928H15.1595C18.75 17.5928 21.5614 16.1339 22.383 11.9153C22.4073 11.7902 22.4286 11.6639 22.4481 11.5371Z" fill="#202020"></path>
                    <path d="M12.2961 13.2802C13.2999 13.2941 14.3007 13.1677 15.2695 12.9048C16.3265 12.6276 17.2927 12.0791 18.0725 11.3136C18.8523 10.5481 19.4187 9.59221 19.7154 8.54055C19.8681 8.07758 19.9921 7.60563 20.0867 7.12739C19.9651 7.07546 19.8386 7.02748 19.7071 6.98346C19.6437 6.96235 19.5788 6.94201 19.5127 6.92304C19.3787 6.88362 19.2409 6.84833 19.0992 6.81718C18.955 6.78513 18.8072 6.75697 18.6559 6.73269C18.071 6.64327 17.4799 6.60036 16.8882 6.60438H11.7034C11.491 6.60428 11.2856 6.68005 11.1241 6.81804C10.9627 6.95603 10.8558 7.14715 10.8228 7.35696L9.88672 13.3096C9.99216 13.2902 10.0992 13.2803 10.2064 13.2802L12.2961 13.2802Z" fill="#202020"></path>
                    <path d="M13.7366 1.04163H7.10483C6.86208 1.04163 6.6273 1.12828 6.44277 1.286C6.25824 1.44371 6.13607 1.66212 6.09825 1.90191L3.13245 20.709C3.1187 20.7963 3.12403 20.8855 3.14806 20.9705C3.17209 21.0555 3.21426 21.1343 3.27167 21.2014C3.32907 21.2686 3.40034 21.3225 3.48058 21.3595C3.56082 21.3964 3.64811 21.4156 3.73645 21.4155H7.6427L9.96128 6.81473C10.0116 6.49446 10.1747 6.2027 10.4212 5.99206C10.6676 5.78141 10.9812 5.66573 11.3055 5.66587H16.8885C17.5301 5.66189 18.1711 5.70876 18.8053 5.80605C18.9755 5.83353 19.1413 5.86515 19.3027 5.90092C19.4648 5.93665 19.6232 5.97715 19.776 6.0221C19.8523 6.04428 19.9281 6.06788 20.0028 6.09261C20.0773 6.11733 20.147 6.1469 20.2193 6.17398C20.2976 5.56447 20.2444 4.94526 20.0634 4.35801C19.8823 3.77076 19.5776 3.2291 19.1697 2.76949C18.0905 1.57562 16.1905 1.04163 13.7366 1.04163Z" fill="#202020"></path>
                  </svg>
                  <h5>Payment Method Types</h5>
                  <ul class="footer-link-list footer-link-list--vertical">
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/payment-method-types-overview">Overview</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/ach/overview">ACH Direct Debit</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/apple-pay/overview">Apple Pay</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/credit-cards/overview">Credit Cards</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/google-pay/overview">Google Pay</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/paypal/overview">PayPal</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/samsung-pay/overview">Samsung Pay</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/unionpay/overview">UnionPay (Beta)</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/venmo/overview">Venmo</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/secure-remote-commerce/overview">Secure Remote Commerce</a></li>
                  </ul>
                </div>
                <div>
                  <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0 6.03413V25H18.9659L25 18.9659V0H6.03413L0 6.03413ZM17.1053 22.3684H6.3L10.7118 18.2356C11.0881 18.3487 11.4788 18.4063 11.8717 18.4064C12.3854 18.4082 12.8944 18.3082 13.3694 18.1123C13.8443 17.9164 14.2757 17.6284 14.6388 17.2648C15.2132 16.6881 15.5947 15.9475 15.7307 15.145C15.8667 14.3425 15.7505 13.5176 15.3982 12.7838L13.7082 14.4737H11.8474V12.6128L13.5372 10.923C13.0025 10.6688 12.4179 10.5369 11.8258 10.5367C11.2132 10.5362 10.609 10.6796 10.0618 10.9553C9.51471 11.231 9.03997 11.6313 8.67584 12.124C8.3117 12.6167 8.06836 13.188 7.96539 13.792C7.86243 14.3959 7.90272 15.0156 8.08303 15.6011L2.63158 21.0526V7.89474H17.1053V22.3684ZM22.3684 17.8762L19.7368 20.5078V7.12376L22.3684 4.49218V17.8762ZM20.5078 2.63158L17.8762 5.26316H4.49218L7.12376 2.63158H20.5078Z" fill="#202020"></path>
                  </svg>
                  <h5>Tools</h5>
                  <ul class="footer-link-list footer-link-list--vertical">
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/3d-secure/overview">3D Secure</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/advanced-fraud-management-tools/overview">Advanced Fraud
                        Tools</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/client-sdk/setup">Client SDK</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/disputes/overview">Disputes</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/payment-request/overview">Payment Request API</a>
                    </li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/reports/overview">Reports</a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/webhooks/overview">Webhooks</a></li>
                  </ul>
                  <div class="footer-section-inner--top-padding">
                    <svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 9.91675H22.5V12.4167H25V9.91675Z" fill="#202020"></path><path d="M25 4.91675H22.5V7.41675H25V4.91675Z" fill="#202020"></path><path d="M25 19.9167H22.5V22.4167H25V19.9167Z" fill="#202020"></path><path d="M25 14.9167H22.5V17.4167H25V14.9167Z" fill="#202020"></path><path d="M5 19.9167H2.5V22.4167H5V19.9167Z" fill="#202020"></path><path d="M10 19.9167H7.5V22.4167H10V19.9167Z" fill="#202020"></path><path d="M20 19.9167H17.5V22.4167H20V19.9167Z" fill="#202020"></path><path d="M0 17.3333H20V0H0V17.3333ZM15 2.5H17.5V4.91669H15V2.5ZM2.5 2.5H12.5V4.91669H2.5V2.5ZM2.5 7.41669H17.5V14.8333H2.5V7.41669Z" fill="#202020"></path><path d="M15 19.9167H12.5V22.4167H15V19.9167Z" fill="#202020"></path><path d="M15 9.91675H5V12.4167H15V9.91675Z" fill="#202020"></path></svg>
                    <h5>Checkout UI</h5>
                    <ul class="footer-link-list footer-link-list--vertical">
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/drop-in/overview">Drop-in UI</a></li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/hosted-fields/overview">Hosted Fields</a></li>
                    </ul>
                  </div>
                </div>
                <div>
                  <svg width="25" height="32" viewBox="0 0 25 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M25 8.42107V0H16.5006L19.7032 3.17306L15.0745 7.75749L9.66547 2.70485L0 12.283L2.40362 14.6644L9.73686 7.40044L15.1441 12.4531L22.1068 5.55454L25 8.42107Z" fill="#202020"></path>
                    <path d="M17.9877 28.4678L16.7408 25.9971C16.9522 25.6046 17.1248 25.1928 17.2562 24.7674L19.8995 23.8945L19.8997 21.5788L17.2562 20.7058C17.1247 20.2804 16.9521 19.8686 16.7407 19.4761L17.9877 17.0054L16.3351 15.3679L13.841 16.6035C13.445 16.3941 13.0295 16.2231 12.6003 16.0929L11.7191 13.4736H9.3819L8.50074 16.0929C8.07153 16.2231 7.65602 16.394 7.25997 16.6034L4.76599 15.3678L3.11322 17.0053L4.36021 19.4762C4.14884 19.8687 3.97622 20.2804 3.84478 20.7058L1.20127 21.5788L1.20117 23.8945L3.84468 24.7676C3.97608 25.1929 4.14866 25.6047 4.36001 25.9972L3.11322 28.4679L4.76578 30.1054L7.25949 28.8701C7.65565 29.0796 8.07135 29.2507 8.50077 29.3809L9.38183 31.9998L11.7191 31.9999L12.6002 29.3809C13.0296 29.2507 13.4453 29.0796 13.8415 28.8701L16.335 30.1053L17.9877 28.4678ZM10.5504 25.2632C10.0461 25.2632 9.55308 25.115 9.13376 24.8374C8.71445 24.5598 8.38763 24.1652 8.19465 23.7036C8.00166 23.242 7.95116 22.734 8.04955 22.244C8.14793 21.7539 8.39078 21.3038 8.74737 20.9505C9.10397 20.5972 9.5583 20.3565 10.0529 20.2591C10.5475 20.1616 11.0602 20.2116 11.5261 20.4028C11.992 20.594 12.3903 20.9178 12.6704 21.3333C12.9506 21.7487 13.1002 22.2372 13.1002 22.7368C13.1002 23.4069 12.8315 24.0494 12.3533 24.5232C11.8752 24.997 11.2266 25.2632 10.5504 25.2632Z" fill="#202020"></path>
                  </svg>
                  <h5>Additional Features</h5>
                  <ul class="footer-link-list footer-link-list--vertical">
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/braintree-auth/overview">Braintree Auth (Beta)</a>
                    </li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/braintree-marketplace/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">布伦特里市场</font></font></a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/extend/grant-api/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Grant API（测试版）</font></font></a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/extend/oauth/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">OAuth（测试版）</font></font></a></li>
                    <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/paypal-here"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">贝宝在这里</font></font></a>
                    </li><li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/guides/recurring-billing/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">经常性帐单</font></font></a>
                    </li>
                  </ul>
                  <div class="footer-section-inner--top-padding">
                    <svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.4932 3.83026C13.4593 3.82928 14.3856 3.45051 15.0687 2.77707C15.7519 2.10364 16.1361 1.19054 16.1371 0.238152L16.1255 0.0926079L16.1188 0.00419991L14.8775 0.135309L13.6285 0.178011L13.6371 0.293478C13.6224 0.584095 13.4945 0.857909 13.28 1.05783C13.0655 1.25775 12.781 1.36835 12.4859 1.36657C12.1907 1.36478 11.9076 1.25076 11.6957 1.04826C11.4837 0.845758 11.3592 0.570419 11.3481 0.279646L11.3567 0.199059L8.86755 0L8.84863 0.238152C8.84976 1.1906 9.23412 2.10372 9.91738 2.77714C10.6006 3.45057 11.527 3.82931 12.4932 3.83026Z" fill="#202020"></path>
                      <path d="M19.1071 9.62754L22.4893 12.9617V13.6834H16.2422V22.3049H20.337C20.6121 22.7745 21.0366 23.1416 21.5448 23.3491C22.053 23.5566 22.6165 23.593 23.1478 23.4526C23.6792 23.3123 24.1487 23.003 24.4835 22.5728C24.8184 22.1426 24.9999 21.6155 24.9999 21.0733C24.9999 20.531 24.8184 20.0039 24.4835 19.5737C24.1487 19.1435 23.6792 18.8343 23.1478 18.6939C22.6165 18.5536 22.053 18.59 21.5448 18.7975C21.0366 19.005 20.6121 19.372 20.337 19.8416H18.741V16.1467H24.9881V11.9417L20.8738 7.88599L19.1071 9.62754Z" fill="#202020"></path>
                      <path d="M22.4897 2.10126V0.135915H20.8761L20.8455 0.045105L20.5692 0.135915H19.9908V0.325958L17.7598 1.05905L17.5719 1.66766C17.4725 1.98742 17.3419 2.29697 17.1821 2.592L16.8795 3.1531L17.9313 5.2273L17.6592 5.49552L15.5532 4.45752L14.9835 4.75821C14.6845 4.91582 14.3707 5.04432 14.0464 5.1419L13.4303 5.32773L12.6871 7.52582H12.3016L11.5585 5.32773L10.9418 5.1419C10.6173 5.0441 10.3033 4.9154 10.0041 4.75762L9.43428 4.45814L7.32955 5.49553L7.05744 5.2267L8.10859 3.1525L7.80599 2.592C7.64614 2.29636 7.51559 1.98621 7.41617 1.66586L7.22765 1.05842L4.99786 0.325958V0.135915H4.41951L4.14377 0.045105L4.11264 0.135915H2.49902V2.10126L5.24799 3.00455C5.26934 3.05568 5.29069 3.10678 5.31265 3.15791L4.01686 5.71383L6.8366 8.49286L9.42816 7.21551C9.48001 7.23715 9.53186 7.2582 9.58434 7.27924L10.5007 9.98912H14.488L15.4044 7.27924C15.4568 7.2582 15.5087 7.23715 15.5605 7.21551L18.1521 8.49286L20.9718 5.71322L19.6754 3.15791C19.698 3.10679 19.7194 3.05568 19.7401 3.00455L22.4897 2.10126Z" fill="#202020"></path>
                      <path d="M5.881 9.62754L4.11433 7.88599L0 11.9417V18.61H4.09484C4.36988 19.0796 4.79442 19.4466 5.30263 19.6541C5.81083 19.8616 6.3743 19.898 6.90563 19.7577C7.43697 19.6173 7.90648 19.3081 8.24134 18.8779C8.57621 18.4477 8.75772 17.9206 8.75772 17.3783C8.75772 16.8361 8.57621 16.309 8.24134 15.8788C7.90648 15.4486 7.43697 15.1393 6.90563 14.999C6.3743 14.8586 5.81083 14.895 5.30263 15.1025C4.79442 15.31 4.36988 15.6771 4.09484 16.1467H2.49883V12.9617L5.881 9.62754Z" fill="#202020"></path>
                      <path d="M2.49885 25.9999C2.9357 25.9989 3.36459 25.8846 3.7424 25.6684C4.12021 25.4522 4.43361 25.1417 4.65109 24.7683H13.7436V11.2201H11.2448V22.305H4.65109C4.43108 21.9319 4.11536 21.6225 3.73564 21.4078C3.35592 21.1931 2.92558 21.0807 2.48783 21.0818C2.05009 21.083 1.62036 21.1977 1.24181 21.4144C0.863267 21.6311 0.549233 21.9422 0.331258 22.3164C0.113282 22.6906 -0.000960498 23.1148 6.08291e-06 23.5463C0.000972663 23.9778 0.117114 24.4015 0.336764 24.7747C0.556414 25.148 0.871838 25.4577 1.25135 25.6728C1.63086 25.8878 2.0611 26.0007 2.49885 25.9999Z" fill="#202020"></path>
                    </svg>
                    <h5><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">API参考</font></font></h5>
                    <ul class="footer-link-list footer-link-list--vertical">
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/reference/overview"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">客户参考</font></font></a></li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/reference/request/add-on/all"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">服务器端API请求</font></font></a>
                      </li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/reference/response/add-on"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">服务器端响应对象</font></font></a></li>
                      <li class="footer__link footer__link--sitemap"><a href="https://developers.braintreepayments.com/reference/general/best-practices"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一般</font></font></a></li>
                    </ul>
                  </div>
                </div>      </div>
        </div>
      <div class="footer-section">
        <div class="footer-section-inner footer-legal-section footer-section-inner--align-center">
         <ul class="footer-link-list">
           <li>
            <a class="footer__link" href="https://www.braintreepayments.com/" data-track-event-properties="project=journey&amp;docs,context=footer,component=link,action=click,descriptor=braintreepayments.com,intent=view marketing site,origin=developer docs,href=https://www.braintreepayments.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Braintreepayments.com</font></font></a>
           </li>
           <li class="text-light"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">|</font></font></li>
           <li>
                   <a class="footer__link" href="https://articles.braintreepayments.com/" target="_blank" data-track-event-properties="project=journey&amp;docs,context=footer,component=link,action=click,descriptor=support articles,intent=view support articles,origin=developer docs,href=https://articles.braintreepayments.com/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">支持文章</font></font></a>
           </li>
           <li>
             <a class="footer__link" href="https://paypal-status.com/" target="_blank" data-track-event-properties="project=journey&amp;docs,context=footer,component=link,action=click,descriptor=status,intent=view status site,origin=developer docs,href=https://paypal-status.com/" rel="noopener noreferrer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">状态</font></font></a>
           </li>
          </ul>
          <div class="legal"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
          Braintree是PayPal的服务。</font><font style="vertical-align: inherit;">©2020 PayPal</font></font><a href="https://www.braintreepayments.com/legal/braintree-privacy-policy" data-track-event-properties="project=journey&amp;docs,context=footer,component=link,action=click,intent=view privacy policy,origin=developer docs,descriptor=privacy policy,href=https://www.braintreepayments.com/legal/braintree-privacy-policy"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐私政策</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">| </font></font><a href="https://www.braintreepayments.com/legal" data-track-event-properties="project=journey&amp;docs,context=footer,component=link,action=click,intent=view legal agreements,origin=developer docs,descriptor=legal,href=https://www.braintreepayments.com/legal
          "><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">法律</font></font></a>
          </div>    </div>
      </div>
    </footer>  </div>
</div> 
    </div>
  </div>

    <script>
    window.emulateArticlesSubdomain = false;
    window.emulateHelpSubdomain = false;
    window.env = "production";
    window.isArticles = false;
    window.isDevelopers = true;
    window.isHelp = false;
    window.isStagingOrProduction = true;
    </script>
    
    <input type="hidden" name="_csrf" value="">
    <script src="./入门-Braintree开发人员文档_files/app.built.js.下载"></script>
    
    <script>
      window['ga-disable-UA-1885256-2'] = true;
      window['ga-id'] = 'UA-1885256-2';
      if(typeof window['ga'] !== 'undefined') {
        ga('create', 'UA-1885256-2', 'auto', {
          'allowLinker': true
        });
        ga('require', 'displayfeatures');
        ga('send', 'pageview');
      }
    </script>
    
    <!-- start Google Tag Manager -->
    <script>
    dataLayer = [{
    'gtm.blacklist': []
    }];
    </script>
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM­P2QMX6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-P2QMX6');</script>
    <!-- end Google Tag Manager -->
    
    <!-- start Mixpanel -->
    <script type="text/javascript">
    if (mixpanel != null) {
      mixpanel.init("57d5c7e8c26326eea294e689d752d4e2", {
        'cross_subdomain_cookie': true, 
        'cookie_name': 'docs_mixpanel', 
        'opt_out_tracking_by_default': true,
        'loaded': function () {
          if(window.mixpanelLoadCB) {
            window.mixpanelLoadCB();
          }
        }
      }, 'docs');
      mixpanel.init("539f4132fec85ce346b6f7f99cb7614e", {
        'cross_subdomain_cookie': true, 
        'cookie_name': 'b_journey', 
        'opt_out_tracking_by_default': true,
        'loaded': function () {
          if(window.mixpanelLoadCB) {
            window.mixpanelLoadCB();
          }
        }
      }, 'journey');
      mixpanel.docs.track('pageview', {'Endpoint': window.location.pathname});
      mixpanel.journey.track('pageview', {'Endpoint': window.location.pathname, 'origin': 'b_docs'});
      // Detect OS level theme preference
      requestAnimationFrame(function() {
        mixpanel.journey.track("theme detected", {
          theme: window.getComputedStyle(document.body).getPropertyValue("content")
        });
      });
    }
    </script>
    <!-- end Mixpanel -->
    
    <!-- start Eloqua -->
    <script type="text/javascript">
      var _elqQ = _elqQ || [];
      _elqQ.push(['elqSetSiteId', '94483084']);
      _elqQ.push(['elqTrackPageView']);
      (function () {
        function async_load() {
          var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;
          s.src = '//img.en25.com/i/elqCfg.min.js';
          var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
        }
        if (window.addEventListener) window.addEventListener('DOMContentLoaded', async_load, false);
        else if (window.attachEvent) window.attachEvent('onload', async_load);
      })();
    </script>
    <!-- end Eloqua -->
    
    <script type="text/javascript">
      // For additional SVG's this should be abstracted
      var ajax = new XMLHttpRequest();
      ajax.open("GET", "/img/svg/diagrams.svg", true);
      ajax.send();
      ajax.onload = function(e) {
        var div = document.createElement("div");
        div.classList.add('hide');
        div.innerHTML = ajax.responseText;
        document.body.insertBefore(div, document.body.childNodes[0]);
      }
    </script>
  <script>
    function goBack() {
      window.history.back()
    }
  </script>

<style>@media (max-width: 470px), (max-height: 700px) { optly-preview__firstvisit { display: none; } optly-preview { top: 75px; right: 15px; max-width: calc(100vw - 30px); } optly-preview optly-wrap { border-width: 0; } optly-preview.is-collapsed { opacity: .25; } optly-preview .optly-tabs-nav__item:last-child { padding-left: 40px; } } .hide-optly-qa-modal optly-preview__firstvisit { display: none; }.hide-optly-qa-modal  optly-preview { top: 75px; right: 15px; max-width: calc(100vw - 30px); }.hide-optly-qa-modal  optly-preview optly-wrap { border-width: 0; }.hide-optly-qa-modal  optly-preview.is-collapsed { opacity: .25; }.hide-optly-qa-modal  optly-preview .optly-tabs-nav__item:last-child { padding-left: 40px; } @media (min-width:471px) and (min-height:701px) { .hide-optly-qa-modal optly-preview.is-collapsed:hover { opacity: 1; } }</style><div style="display: none; visibility: hidden;"><script>conversionTag="https://ad.doubleclick.net/ddm/adj/N9515.197812NSO.CODESRV5/B9782799.132527296;sz\x3d1x2;ord\x3d";var randomNumber=Math.floor(1E12*Math.random()+1),scriptTag=document.createElement("script");scriptTag.src=conversionTag+randomNumber+"?";scriptTag.language="JavaScript1.1";var insertionNode=document.body.firstChild;insertionNode.parentNode.insertBefore(scriptTag,insertionNode);</script></div>
<script type="text/javascript" id="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","152183338525601");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=152183338525601&amp;ev=PageView&amp;noscript=1"></noscript>

<script type="text/javascript" id="">!function(b,c,d,a){b.twq||(a=b.twq=function(){a.exe?a.exe.apply(a,arguments):a.queue.push(arguments)},a.version="1",a.queue=[],t=c.createElement(d),t.async=!0,t.src="//static.ads-twitter.com/uwt.js",s=c.getElementsByTagName(d)[0],s.parentNode.insertBefore(t,s))}(window,document,"script");twq("init","nv5r5");twq("track","PageView");</script>
<script type="text/javascript" id="" src="./入门-Braintree开发人员文档_files/integration"></script><script type="text/javascript" id="">var _qevents=_qevents||[];(function(){var a=document.createElement("script");a.src=("https:"==document.location.protocol?"https://secure":"http://edge")+".quantserve.com/quant.js";a.async=!0;a.type="text/javascript";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();_qevents.push({qacct:"p-twzCvg1S_P6T_"});</script>
<noscript>
 <img src="//pixel.quantserve.com/pixel/p-twzCvg1S_P6T_.gif?labels=_fp.event.Default" style="display: none;" border="0" height="1" width="1" alt="Quantcast">
</noscript><script type="text/javascript" id="">var no_of_clicks=5,time=3,click_events=[],possible_click=5,radius=100;
function detectXClicks(a,e){var b=click_events.length-1,h=(click_events[b].time.getTime()-click_events[b-a+1].time.getTime())/1E3;if(h>e)return null;for(var f=0,c=b-a+1;c<b;c++)for(var d=c+1;d<=b;d++){var g=Math.round(Math.sqrt(Math.pow(click_events[c].event.clientX-click_events[d].event.clientX,2)+Math.pow(click_events[c].event.clientY-click_events[d].event.clientY,2)));g>f&&(f=g);if(g>radius)return null}return b={count:a,max_distance:f,time_diff:h}}
function removeUsedClickPoints(a){click_events.splice(click_events.length-a,a)}
function handler(a){click_events.push({event:event,time:new Date});click_events.length>possible_click&&click_events.splice(0,click_events.length-possible_click);if(5<=click_events.length&&(a=detectXClicks(no_of_clicks,time),null!=a)){var e=window.dataLayer||[];e.push({event:"rage_click",eventCategory:"Rage Click",eventAction:window.location.pathname,eventLabel:a.count+" clicks in "+a.time_diff});removeUsedClickPoints(5)}}window.addEventListener("click",handler);</script><script type="text/javascript" id="">!function(h,b){"function"==typeof define&&define.amd?define([],b):"object"==typeof module&&module.exports?module.exports=b():h.riveted=b()}(this,function(){return function(){function h(a,b){var q,d,e,c=null,k=0,h=function(){k=new Date;c=null;e=a.apply(q,d)};return function(){var f=new Date;k||(k=f);var g=b-(f-k);return q=this,d=arguments,0>=g?(clearTimeout(c),c=null,k=f,e=a.apply(q,d)):c||(c=setTimeout(h,g)),e}}function b(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent?a.attachEvent("on"+
b,c):a["on"+b]=c}function f(){clearTimeout(g);l=!0;clearInterval(d)}function A(){(document.hidden||document.webkitHidden)&&f()}function B(){0<(m+=1)&&0==m%e&&r(m)}function c(){var a;t||(u||(a=new Date,u=!0,v(a-C),d=setInterval(B,1E3)),l&&(l=!1,clearInterval(d),d=setInterval(B,1E3)),clearTimeout(g),g=setTimeout(f,1E3*D+100))}var r,v,e,D,n,w,x,y,z,p,u=!1,l=!1,t=!1,m=0,C=new Date,d=null,g=null;return v=function(a){z?dataLayer.push({event:"activeTimeTiming",eventCategory:"Active Time",timingVar:"First Interaction",
timingValue:a}):(w&&window[p](y,"timing","Active Time","First Interaction",a),x&&_gaq.push(["_trackTiming","Active Time","First Interaction",a,null,100]))},r=function(a){z?dataLayer.push({event:"activeTime",eventCategory:"Active Time",eventAction:"Time Spent",eventLabel:a,eventValue:e,eventNonInteraction:n}):(w&&window[p](y,"event","Active Time","Time Spent",a.toString(),e,{nonInteraction:n}),x&&_gaq.push(["_trackEvent","Active Time","Time Spent",a.toString(),e,n]))},{init:function(a){a=a||{};e=parseInt(a.reportInterval,
10)||5;D=parseInt(a.idleTimeout,10)||30;p=a.gaGlobal||"ga";"function"==typeof window[p]&&(w=!0);"undefined"!=typeof _gaq&&"function"==typeof _gaq.push&&(x=!0);"undefined"!=typeof dataLayer&&"function"==typeof dataLayer.push&&(z=!0);y="gaTracker"in a&&"string"==typeof a.gaTracker?a.gaTracker+".send":"send";"function"==typeof a.eventHandler&&(r=a.eventHandler);"function"==typeof a.userTimingHandler&&(v=a.userTimingHandler);n=!("nonInteraction"in a)||!1!==a.nonInteraction&&"false"!==a.nonInteraction;
b(document,"keydown",c);b(document,"click",c);b(window,"mousemove",h(c,500));b(window,"scroll",h(c,500));b(document,"visibilitychange",A);b(document,"webkitvisibilitychange",A)},trigger:c,setIdle:f,on:function(){t=!1},off:function(){f();t=!0},reset:function(){C=new Date;m=0;l=u=!1;clearInterval(d);clearTimeout(g)}}}()});</script>
<script type="text/javascript" id="">riveted.init({reportInterval:15,idleTimeout:60});</script><script type="text/javascript" id="">var body=document.body,html=document.documentElement,windowHeight=window.innerHeight,fullPageHeight=Math.max(body.scrollHeight,body.offsetHeight,html.clientHeight,html.scrollHeight,html.offsetHeight),scrollableHeight=fullPageHeight-windowHeight;
heightEvents=[{position:Math.round(.25*scrollableHeight),scrollPercent:"25"},{position:Math.round(.5*scrollableHeight),scrollPercent:"50"},{position:Math.round(.75*scrollableHeight),scrollPercent:"75"},{position:Math.round(.9*scrollableHeight),scrollPercent:"90"},{position:scrollableHeight,scrollPercent:"100"}];
function checkScrollDepth(){for(var c=window.scrollY,a=heightEvents.length-1;0<=a;a--){var b=heightEvents[a];c>=b.position&&(dataLayer.push({event:"scroll_depth",eventCategory:"Scroll Depth",eventAction:"Scroll Down",eventLabel:b.scrollPercent}),heightEvents.splice(a,1))}heightEvents.length||window.removeEventListener("scroll",checkScrollDepth)}window.addEventListener("scroll",checkScrollDepth);</script><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="./入门-Braintree开发人员文档_files/translate_24dp.png" width="20" height="20" alt="Google 翻译"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">原文</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link">提供更好的翻译建议</span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none;"></div></div><iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px; display: none;" src="./入门-Braintree开发人员文档_files/saved_resource.html"></iframe><div class="goog-te-spinner-pos"><div class="goog-te-spinner-animation"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div></body></html>